@atlaskit/tokens 9.1.1 → 10.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/cjs/artifacts/theme-import-map.js +1 -19
- package/dist/cjs/artifacts/themes/atlassian-dark-future.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light-future.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-spacing.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +20 -21
- package/dist/cjs/artifacts/token-names.js +1 -2
- package/dist/cjs/babel-plugin/plugin.js +2 -2
- package/dist/cjs/constants.js +2 -1
- package/dist/cjs/entry-points/token-metadata.codegen.js +20 -25
- package/dist/cjs/entry-points/tokens-raw.js +0 -21
- package/dist/cjs/index.js +25 -0
- package/dist/cjs/theme-config.js +1 -25
- package/dist/es2019/artifacts/theme-import-map.js +2 -8
- package/dist/es2019/artifacts/themes/atlassian-dark-future.js +3 -3
- package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +3 -3
- package/dist/es2019/artifacts/themes/atlassian-dark.js +3 -3
- package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +3 -3
- package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +3 -3
- package/dist/es2019/artifacts/themes/atlassian-light-future.js +3 -3
- package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +3 -3
- package/dist/es2019/artifacts/themes/atlassian-light.js +3 -3
- package/dist/es2019/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/es2019/artifacts/themes/atlassian-spacing.js +2 -2
- package/dist/es2019/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/es2019/artifacts/token-default-values.js +20 -21
- package/dist/es2019/artifacts/token-names.js +1 -2
- package/dist/es2019/babel-plugin/plugin.js +1 -1
- package/dist/es2019/constants.js +1 -0
- package/dist/es2019/entry-points/token-metadata.codegen.js +20 -25
- package/dist/es2019/entry-points/tokens-raw.js +0 -3
- package/dist/es2019/index.js +2 -1
- package/dist/es2019/theme-config.js +1 -25
- package/dist/esm/artifacts/theme-import-map.js +1 -13
- package/dist/esm/artifacts/themes/atlassian-dark-future.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light-future.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-spacing.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +20 -21
- package/dist/esm/artifacts/token-names.js +1 -2
- package/dist/esm/babel-plugin/plugin.js +1 -1
- package/dist/esm/constants.js +1 -0
- package/dist/esm/entry-points/token-metadata.codegen.js +20 -25
- package/dist/esm/entry-points/tokens-raw.js +0 -3
- package/dist/esm/index.js +2 -1
- package/dist/esm/theme-config.js +1 -25
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-future.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light-future.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-spacing.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +20 -21
- package/dist/types/artifacts/token-names.d.ts +1 -3
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/constants.d.ts +1 -0
- package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types/entry-points/tokens-raw.d.ts +0 -3
- package/dist/types/index.d.ts +2 -1
- package/dist/types/theme-config.d.ts +4 -9
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-future.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-future.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-spacing.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +20 -21
- package/dist/types-ts4.5/artifacts/token-names.d.ts +1 -3
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/constants.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +0 -3
- package/dist/types-ts4.5/index.d.ts +2 -1
- package/dist/types-ts4.5/theme-config.d.ts +4 -15
- package/package.json +10 -11
- package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +0 -12
- package/dist/cjs/artifacts/themes/atlassian-typography-modernized.js +0 -12
- package/dist/cjs/artifacts/themes/atlassian-typography-refreshed.js +0 -12
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +0 -669
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-modernized.js +0 -669
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-refreshed.js +0 -669
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +0 -34
- package/dist/es2019/artifacts/themes/atlassian-typography-modernized.js +0 -34
- package/dist/es2019/artifacts/themes/atlassian-typography-refreshed.js +0 -34
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +0 -663
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-modernized.js +0 -663
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-refreshed.js +0 -663
- package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +0 -6
- package/dist/esm/artifacts/themes/atlassian-typography-modernized.js +0 -6
- package/dist/esm/artifacts/themes/atlassian-typography-refreshed.js +0 -6
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +0 -663
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-modernized.js +0 -663
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-refreshed.js +0 -663
- package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +0 -7
- package/dist/types/artifacts/themes/atlassian-typography-modernized.d.ts +0 -7
- package/dist/types/artifacts/themes/atlassian-typography-refreshed.d.ts +0 -7
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +0 -37
- package/dist/types/artifacts/tokens-raw/atlassian-typography-modernized.d.ts +0 -37
- package/dist/types/artifacts/tokens-raw/atlassian-typography-refreshed.d.ts +0 -37
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-modernized.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-refreshed.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +0 -37
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-modernized.d.ts +0 -37
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-refreshed.d.ts +0 -37
- package/figma/atlassian-typography-modernized.json +0 -87
- package/figma/atlassian-typography-refreshed.json +0 -87
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::81a7dedc0a0c6bb6970207479c2a88dd>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
|
-
var _default = exports.default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #292A2E;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #AE2E24;\n --ds-text-accent-red-bolder: #5D1F1A;\n --ds-text-accent-orange: #9E4C00;\n --ds-text-accent-orange-bolder: #693200;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206A83;\n --ds-text-accent-teal-bolder: #164555;\n --ds-text-accent-blue: #1558BC;\n --ds-text-accent-blue-bolder: #123263;\n --ds-text-accent-purple: #803FA5;\n --ds-text-accent-purple-bolder: #48245D;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #505258;\n --ds-text-accent-gray-bolder: #1E1F21;\n --ds-text-disabled: #080F214A;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #1868DB;\n --ds-text-brand: #1868DB;\n --ds-text-danger: #AE2E24;\n --ds-text-danger-bolder: #5D1F1A;\n --ds-text-warning: #9E4C00;\n --ds-text-warning-inverse: #292A2E;\n --ds-text-warning-bolder: #693200;\n --ds-text-success: #4C6B1F;\n --ds-text-success-bolder: #37471F;\n --ds-text-discovery: #803FA5;\n --ds-text-discovery-bolder: #48245D;\n --ds-text-information: #1558BC;\n --ds-text-information-bolder: #123263;\n --ds-text-subtlest: #6B6E76;\n --ds-text-subtle: #505258;\n --ds-link: #1868DB;\n --ds-link-pressed: #1558BC;\n --ds-link-visited: #803FA5;\n --ds-link-visited-pressed: #48245D;\n --ds-icon: #292A2E;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #C9372C;\n --ds-icon-accent-orange: #E06C00;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #2898BD;\n --ds-icon-accent-blue: #357DE8;\n --ds-icon-accent-purple: #AF59E1;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #7D818A;\n --ds-icon-disabled: #080F214A;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #1868DB;\n --ds-icon-brand: #1868DB;\n --ds-icon-danger: #C9372C;\n --ds-icon-warning: #E06C00;\n --ds-icon-warning-inverse: #292A2E;\n --ds-icon-success: #6A9A23;\n --ds-icon-discovery: #AF59E1;\n --ds-icon-information: #357DE8;\n --ds-icon-subtlest: #6B6E76;\n --ds-icon-subtle: #505258;\n --ds-border: #0B120E24;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E2483D;\n --ds-border-accent-orange: #E06C00;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #2898BD;\n --ds-border-accent-blue: #357DE8;\n --ds-border-accent-purple: #AF59E1;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #7D818A;\n --ds-border-disabled: #0515240F;\n --ds-border-focused: #4688EC;\n --ds-border-input: #8C8F97;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #1868DB;\n --ds-border-brand: #1868DB;\n --ds-border-danger: #E2483D;\n --ds-border-warning: #E06C00;\n --ds-border-success: #6A9A23;\n --ds-border-discovery: #AF59E1;\n --ds-border-information: #357DE8;\n --ds-border-bold: #7D818A;\n --ds-background-accent-lime-subtlest: #EFFFD6;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #BDE97C;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #BDE97C;\n --ds-background-accent-lime-subtler-pressed: #B3DF72;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-subtle-hovered: #B3DF72;\n --ds-background-accent-lime-subtle-pressed: #BDE97C;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-lime-bolder-hovered: #4C6B1F;\n --ds-background-accent-lime-bolder-pressed: #3F5224;\n --ds-background-accent-red-subtlest: #FFECEB;\n --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n --ds-background-accent-red-subtlest-pressed: #FFB8B2;\n --ds-background-accent-red-subtler: #FFD5D2;\n --ds-background-accent-red-subtler-hovered: #FFB8B2;\n --ds-background-accent-red-subtler-pressed: #FD9891;\n --ds-background-accent-red-subtle: #F87168;\n --ds-background-accent-red-subtle-hovered: #FD9891;\n --ds-background-accent-red-subtle-pressed: #FFB8B2;\n --ds-background-accent-red-bolder: #C9372C;\n --ds-background-accent-red-bolder-hovered: #AE2E24;\n --ds-background-accent-red-bolder-pressed: #872821;\n --ds-background-accent-orange-subtlest: #FFF5DB;\n --ds-background-accent-orange-subtlest-hovered: #FCE4A6;\n --ds-background-accent-orange-subtlest-pressed: #FBD779;\n --ds-background-accent-orange-subtler: #FCE4A6;\n --ds-background-accent-orange-subtler-hovered: #FBD779;\n --ds-background-accent-orange-subtler-pressed: #FBC828;\n --ds-background-accent-orange-subtle: #FCA700;\n --ds-background-accent-orange-subtle-hovered: #FBC828;\n --ds-background-accent-orange-subtle-pressed: #FBD779;\n --ds-background-accent-orange-bolder: #BD5B00;\n --ds-background-accent-orange-bolder-hovered: #9E4C00;\n --ds-background-accent-orange-bolder-pressed: #7A3B00;\n --ds-background-accent-yellow-subtlest: #FEF7C8;\n --ds-background-accent-yellow-subtlest-hovered: #F5E989;\n --ds-background-accent-yellow-subtlest-pressed: #EFDD4E;\n --ds-background-accent-yellow-subtler: #F5E989;\n --ds-background-accent-yellow-subtler-hovered: #EFDD4E;\n --ds-background-accent-yellow-subtler-pressed: #EED12B;\n --ds-background-accent-yellow-subtle: #EED12B;\n --ds-background-accent-yellow-subtle-hovered: #DDB30E;\n --ds-background-accent-yellow-subtle-pressed: #EFDD4E;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-yellow-bolder-hovered: #7F5F01;\n --ds-background-accent-yellow-bolder-pressed: #614A05;\n --ds-background-accent-green-subtlest: #DCFFF1;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #97EDC9;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #97EDC9;\n --ds-background-accent-green-subtler-pressed: #7EE2B8;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-subtle-hovered: #7EE2B8;\n --ds-background-accent-green-subtle-pressed: #97EDC9;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-green-bolder-hovered: #216E4E;\n --ds-background-accent-green-bolder-pressed: #19573D;\n --ds-background-accent-teal-subtlest: #E7F9FF;\n --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n --ds-background-accent-teal-subtlest-pressed: #B1E4F7;\n --ds-background-accent-teal-subtler: #C6EDFB;\n --ds-background-accent-teal-subtler-hovered: #B1E4F7;\n --ds-background-accent-teal-subtler-pressed: #9DD9EE;\n --ds-background-accent-teal-subtle: #6CC3E0;\n --ds-background-accent-teal-subtle-hovered: #9DD9EE;\n --ds-background-accent-teal-subtle-pressed: #B1E4F7;\n --ds-background-accent-teal-bolder: #227D9B;\n --ds-background-accent-teal-bolder-hovered: #206A83;\n --ds-background-accent-teal-bolder-pressed: #1A5265;\n --ds-background-accent-blue-subtlest: #E9F2FE;\n --ds-background-accent-blue-subtlest-hovered: #CFE1FD;\n --ds-background-accent-blue-subtlest-pressed: #ADCBFB;\n --ds-background-accent-blue-subtler: #CFE1FD;\n --ds-background-accent-blue-subtler-hovered: #ADCBFB;\n --ds-background-accent-blue-subtler-pressed: #8FB8F6;\n --ds-background-accent-blue-subtle: #669DF1;\n --ds-background-accent-blue-subtle-hovered: #8FB8F6;\n --ds-background-accent-blue-subtle-pressed: #ADCBFB;\n --ds-background-accent-blue-bolder: #1868DB;\n --ds-background-accent-blue-bolder-hovered: #1558BC;\n --ds-background-accent-blue-bolder-pressed: #144794;\n --ds-background-accent-purple-subtlest: #F8EEFE;\n --ds-background-accent-purple-subtlest-hovered: #EED7FC;\n --ds-background-accent-purple-subtlest-pressed: #E3BDFA;\n --ds-background-accent-purple-subtler: #EED7FC;\n --ds-background-accent-purple-subtler-hovered: #E3BDFA;\n --ds-background-accent-purple-subtler-pressed: #D8A0F7;\n --ds-background-accent-purple-subtle: #C97CF4;\n --ds-background-accent-purple-subtle-hovered: #D8A0F7;\n --ds-background-accent-purple-subtle-pressed: #E3BDFA;\n --ds-background-accent-purple-bolder: #964AC0;\n --ds-background-accent-purple-bolder-hovered: #803FA5;\n --ds-background-accent-purple-bolder-pressed: #673286;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #FCB6E1;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #FCB6E1;\n --ds-background-accent-magenta-subtler-pressed: #F797D2;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-subtle-hovered: #F797D2;\n --ds-background-accent-magenta-subtle-pressed: #FCB6E1;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-magenta-bolder-hovered: #943D73;\n --ds-background-accent-magenta-bolder-pressed: #77325B;\n --ds-background-accent-gray-subtlest: #F0F1F2;\n --ds-background-accent-gray-subtlest-hovered: #DDDEE1;\n --ds-background-accent-gray-subtlest-pressed: #B7B9BE;\n --ds-background-accent-gray-subtler: #DDDEE1;\n --ds-background-accent-gray-subtler-hovered: #B7B9BE;\n --ds-background-accent-gray-subtler-pressed: #8C8F97;\n --ds-background-accent-gray-subtle: #8C8F97;\n --ds-background-accent-gray-subtle-hovered: #B7B9BE;\n --ds-background-accent-gray-subtle-pressed: #DDDEE1;\n --ds-background-accent-gray-bolder: #6B6E76;\n --ds-background-accent-gray-bolder-hovered: #505258;\n --ds-background-accent-gray-bolder-pressed: #3B3D42;\n --ds-background-disabled: #17171708;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F8F8F8;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #0515240F;\n --ds-background-neutral-hovered: #0B120E24;\n --ds-background-neutral-pressed: #080F214A;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #0515240F;\n --ds-background-neutral-subtle-pressed: #0B120E24;\n --ds-background-neutral-bold: #292A2E;\n --ds-background-neutral-bold-hovered: #3B3D42;\n --ds-background-neutral-bold-pressed: #505258;\n --ds-background-selected: #E9F2FE;\n --ds-background-selected-hovered: #CFE1FD;\n --ds-background-selected-pressed: #8FB8F6;\n --ds-background-selected-bold: #1868DB;\n --ds-background-selected-bold-hovered: #1558BC;\n --ds-background-selected-bold-pressed: #123263;\n --ds-background-brand-subtlest: #E9F2FE;\n --ds-background-brand-subtlest-hovered: #CFE1FD;\n --ds-background-brand-subtlest-pressed: #ADCBFB;\n --ds-background-brand-bold: #1868DB;\n --ds-background-brand-bold-hovered: #1558BC;\n --ds-background-brand-bold-pressed: #144794;\n --ds-background-brand-boldest: #1C2B42;\n --ds-background-brand-boldest-hovered: #123263;\n --ds-background-brand-boldest-pressed: #144794;\n --ds-background-danger: #FFECEB;\n --ds-background-danger-hovered: #FFD5D2;\n --ds-background-danger-pressed: #FFB8B2;\n --ds-background-danger-subtler: #FFD5D2;\n --ds-background-danger-subtler-hovered: #FFB8B2;\n --ds-background-danger-subtler-pressed: #FD9891;\n --ds-background-danger-bold: #C9372C;\n --ds-background-danger-bold-hovered: #AE2E24;\n --ds-background-danger-bold-pressed: #872821;\n --ds-background-warning: #FFF5DB;\n --ds-background-warning-hovered: #FCE4A6;\n --ds-background-warning-pressed: #FBD779;\n --ds-background-warning-subtler: #FCE4A6;\n --ds-background-warning-subtler-hovered: #FBD779;\n --ds-background-warning-subtler-pressed: #FBC828;\n --ds-background-warning-bold: #FBC828;\n --ds-background-warning-bold-hovered: #FCA700;\n --ds-background-warning-bold-pressed: #F68909;\n --ds-background-success: #EFFFD6;\n --ds-background-success-hovered: #D3F1A7;\n --ds-background-success-pressed: #BDE97C;\n --ds-background-success-subtler: #D3F1A7;\n --ds-background-success-subtler-hovered: #BDE97C;\n --ds-background-success-subtler-pressed: #B3DF72;\n --ds-background-success-bold: #5B7F24;\n --ds-background-success-bold-hovered: #4C6B1F;\n --ds-background-success-bold-pressed: #3F5224;\n --ds-background-discovery: #F8EEFE;\n --ds-background-discovery-hovered: #EED7FC;\n --ds-background-discovery-pressed: #E3BDFA;\n --ds-background-discovery-subtler: #EED7FC;\n --ds-background-discovery-subtler-hovered: #E3BDFA;\n --ds-background-discovery-subtler-pressed: #D8A0F7;\n --ds-background-discovery-bold: #964AC0;\n --ds-background-discovery-bold-hovered: #803FA5;\n --ds-background-discovery-bold-pressed: #673286;\n --ds-background-information: #E9F2FE;\n --ds-background-information-hovered: #CFE1FD;\n --ds-background-information-pressed: #ADCBFB;\n --ds-background-information-subtler: #CFE1FD;\n --ds-background-information-subtler-hovered: #ADCBFB;\n --ds-background-information-subtler-pressed: #8FB8F6;\n --ds-background-information-bold: #1868DB;\n --ds-background-information-bold-hovered: #1558BC;\n --ds-background-information-bold-pressed: #144794;\n --ds-blanket: #050C1F75;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #0515240F;\n --ds-skeleton-subtle: #17171708;\n --ds-chart-categorical-1: #357DE8;\n --ds-chart-categorical-1-hovered: #1868DB;\n --ds-chart-categorical-2: #82B536;\n --ds-chart-categorical-2-hovered: #6A9A23;\n --ds-chart-categorical-3: #BF63F3;\n --ds-chart-categorical-3-hovered: #AF59E1;\n --ds-chart-categorical-4: #F68909;\n --ds-chart-categorical-4-hovered: #E06C00;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #123263;\n --ds-chart-categorical-6: #964AC0;\n --ds-chart-categorical-6-hovered: #803FA5;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #2898BD;\n --ds-chart-categorical-8: #BD5B00;\n --ds-chart-categorical-8-hovered: #7A3B00;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #8C8F97;\n --ds-chart-neutral-hovered: #7D818A;\n --ds-chart-red-bold: #F15B50;\n --ds-chart-red-bold-hovered: #E2483D;\n --ds-chart-red-bolder: #E2483D;\n --ds-chart-red-bolder-hovered: #C9372C;\n --ds-chart-red-boldest: #AE2E24;\n --ds-chart-red-boldest-hovered: #5D1F1A;\n --ds-chart-orange-bold: #E06C00;\n --ds-chart-orange-bold-hovered: #BD5B00;\n --ds-chart-orange-bolder: #BD5B00;\n --ds-chart-orange-bolder-hovered: #9E4C00;\n --ds-chart-orange-boldest: #7A3B00;\n --ds-chart-orange-boldest-hovered: #693200;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #2898BD;\n --ds-chart-teal-bold-hovered: #227D9B;\n --ds-chart-teal-bolder: #227D9B;\n --ds-chart-teal-bolder-hovered: #206A83;\n --ds-chart-teal-boldest: #206A83;\n --ds-chart-teal-boldest-hovered: #164555;\n --ds-chart-blue-bold: #4688EC;\n --ds-chart-blue-bold-hovered: #357DE8;\n --ds-chart-blue-bolder: #357DE8;\n --ds-chart-blue-bolder-hovered: #1868DB;\n --ds-chart-blue-boldest: #1558BC;\n --ds-chart-blue-boldest-hovered: #123263;\n --ds-chart-purple-bold: #BF63F3;\n --ds-chart-purple-bold-hovered: #AF59E1;\n --ds-chart-purple-bolder: #AF59E1;\n --ds-chart-purple-bolder-hovered: #964AC0;\n --ds-chart-purple-boldest: #803FA5;\n --ds-chart-purple-boldest-hovered: #48245D;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8C8F97;\n --ds-chart-gray-bold-hovered: #7D818A;\n --ds-chart-gray-bolder: #7D818A;\n --ds-chart-gray-bolder-hovered: #6B6E76;\n --ds-chart-gray-boldest: #505258;\n --ds-chart-gray-boldest-hovered: #3B3D42;\n --ds-chart-brand: #357DE8;\n --ds-chart-brand-hovered: #1868DB;\n --ds-chart-danger: #E2483D;\n --ds-chart-danger-hovered: #C9372C;\n --ds-chart-danger-bold: #872821;\n --ds-chart-danger-bold-hovered: #5D1F1A;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #E06C00;\n --ds-chart-warning-bold: #BD5B00;\n --ds-chart-warning-bold-hovered: #9E4C00;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #6A9A23;\n --ds-chart-success-bold: #5B7F24;\n --ds-chart-success-bold-hovered: #4C6B1F;\n --ds-chart-discovery: #BF63F3;\n --ds-chart-discovery-hovered: #AF59E1;\n --ds-chart-discovery-bold: #803FA5;\n --ds-chart-discovery-bold-hovered: #964AC0;\n --ds-chart-information: #357DE8;\n --ds-chart-information-hovered: #1868DB;\n --ds-chart-information-bold: #1558BC;\n --ds-chart-information-bold-hovered: #123263;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F0F1F2;\n --ds-surface-pressed: #DDDEE1;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F0F1F2;\n --ds-surface-overlay-pressed: #DDDEE1;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F0F1F2;\n --ds-surface-raised-pressed: #DDDEE1;\n --ds-surface-sunken: #F8F8F8;\n --ds-shadow-overflow: 0px 0px 8px #1E1F2129, 0px 0px 1px #1E1F211F;\n --ds-shadow-overflow-perimeter: #1E1F211f;\n --ds-shadow-overflow-spread: #1E1F2129;\n --ds-shadow-overlay: 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214F;\n --ds-shadow-raised: 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #FFFFFF;\n}\n";
|
|
12
|
+
var _default = exports.default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #292A2E;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #AE2E24;\n --ds-text-accent-red-bolder: #5D1F1A;\n --ds-text-accent-orange: #9E4C00;\n --ds-text-accent-orange-bolder: #693200;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206A83;\n --ds-text-accent-teal-bolder: #164555;\n --ds-text-accent-blue: #1558BC;\n --ds-text-accent-blue-bolder: #123263;\n --ds-text-accent-purple: #803FA5;\n --ds-text-accent-purple-bolder: #48245D;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #505258;\n --ds-text-accent-gray-bolder: #1E1F21;\n --ds-text-disabled: #080F214A;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #1868DB;\n --ds-text-brand: #1868DB;\n --ds-text-danger: #AE2E24;\n --ds-text-danger-bolder: #5D1F1A;\n --ds-text-warning: #9E4C00;\n --ds-text-warning-inverse: #292A2E;\n --ds-text-warning-bolder: #693200;\n --ds-text-success: #4C6B1F;\n --ds-text-success-bolder: #37471F;\n --ds-text-discovery: #803FA5;\n --ds-text-discovery-bolder: #48245D;\n --ds-text-information: #1558BC;\n --ds-text-information-bolder: #123263;\n --ds-text-subtlest: #6B6E76;\n --ds-text-subtle: #505258;\n --ds-link: #1868DB;\n --ds-link-pressed: #1558BC;\n --ds-link-visited: #803FA5;\n --ds-link-visited-pressed: #48245D;\n --ds-icon: #292A2E;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #C9372C;\n --ds-icon-accent-orange: #E06C00;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #2898BD;\n --ds-icon-accent-blue: #357DE8;\n --ds-icon-accent-purple: #AF59E1;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #7D818A;\n --ds-icon-disabled: #080F214A;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #1868DB;\n --ds-icon-brand: #1868DB;\n --ds-icon-danger: #C9372C;\n --ds-icon-warning: #E06C00;\n --ds-icon-warning-inverse: #292A2E;\n --ds-icon-success: #6A9A23;\n --ds-icon-discovery: #AF59E1;\n --ds-icon-information: #357DE8;\n --ds-icon-subtlest: #6B6E76;\n --ds-icon-subtle: #505258;\n --ds-border: #0B120E24;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E2483D;\n --ds-border-accent-orange: #E06C00;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #2898BD;\n --ds-border-accent-blue: #357DE8;\n --ds-border-accent-purple: #AF59E1;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #7D818A;\n --ds-border-disabled: #0515240F;\n --ds-border-focused: #4688EC;\n --ds-border-input: #8C8F97;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #1868DB;\n --ds-border-brand: #1868DB;\n --ds-border-danger: #E2483D;\n --ds-border-warning: #E06C00;\n --ds-border-success: #6A9A23;\n --ds-border-discovery: #AF59E1;\n --ds-border-information: #357DE8;\n --ds-border-bold: #7D818A;\n --ds-background-accent-lime-subtlest: #EFFFD6;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #BDE97C;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #BDE97C;\n --ds-background-accent-lime-subtler-pressed: #B3DF72;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-subtle-hovered: #B3DF72;\n --ds-background-accent-lime-subtle-pressed: #BDE97C;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-lime-bolder-hovered: #4C6B1F;\n --ds-background-accent-lime-bolder-pressed: #3F5224;\n --ds-background-accent-red-subtlest: #FFECEB;\n --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n --ds-background-accent-red-subtlest-pressed: #FFB8B2;\n --ds-background-accent-red-subtler: #FFD5D2;\n --ds-background-accent-red-subtler-hovered: #FFB8B2;\n --ds-background-accent-red-subtler-pressed: #FD9891;\n --ds-background-accent-red-subtle: #F87168;\n --ds-background-accent-red-subtle-hovered: #FD9891;\n --ds-background-accent-red-subtle-pressed: #FFB8B2;\n --ds-background-accent-red-bolder: #C9372C;\n --ds-background-accent-red-bolder-hovered: #AE2E24;\n --ds-background-accent-red-bolder-pressed: #872821;\n --ds-background-accent-orange-subtlest: #FFF5DB;\n --ds-background-accent-orange-subtlest-hovered: #FCE4A6;\n --ds-background-accent-orange-subtlest-pressed: #FBD779;\n --ds-background-accent-orange-subtler: #FCE4A6;\n --ds-background-accent-orange-subtler-hovered: #FBD779;\n --ds-background-accent-orange-subtler-pressed: #FBC828;\n --ds-background-accent-orange-subtle: #FCA700;\n --ds-background-accent-orange-subtle-hovered: #FBC828;\n --ds-background-accent-orange-subtle-pressed: #FBD779;\n --ds-background-accent-orange-bolder: #BD5B00;\n --ds-background-accent-orange-bolder-hovered: #9E4C00;\n --ds-background-accent-orange-bolder-pressed: #7A3B00;\n --ds-background-accent-yellow-subtlest: #FEF7C8;\n --ds-background-accent-yellow-subtlest-hovered: #F5E989;\n --ds-background-accent-yellow-subtlest-pressed: #EFDD4E;\n --ds-background-accent-yellow-subtler: #F5E989;\n --ds-background-accent-yellow-subtler-hovered: #EFDD4E;\n --ds-background-accent-yellow-subtler-pressed: #EED12B;\n --ds-background-accent-yellow-subtle: #EED12B;\n --ds-background-accent-yellow-subtle-hovered: #DDB30E;\n --ds-background-accent-yellow-subtle-pressed: #EFDD4E;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-yellow-bolder-hovered: #7F5F01;\n --ds-background-accent-yellow-bolder-pressed: #614A05;\n --ds-background-accent-green-subtlest: #DCFFF1;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #97EDC9;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #97EDC9;\n --ds-background-accent-green-subtler-pressed: #7EE2B8;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-subtle-hovered: #7EE2B8;\n --ds-background-accent-green-subtle-pressed: #97EDC9;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-green-bolder-hovered: #216E4E;\n --ds-background-accent-green-bolder-pressed: #19573D;\n --ds-background-accent-teal-subtlest: #E7F9FF;\n --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n --ds-background-accent-teal-subtlest-pressed: #B1E4F7;\n --ds-background-accent-teal-subtler: #C6EDFB;\n --ds-background-accent-teal-subtler-hovered: #B1E4F7;\n --ds-background-accent-teal-subtler-pressed: #9DD9EE;\n --ds-background-accent-teal-subtle: #6CC3E0;\n --ds-background-accent-teal-subtle-hovered: #9DD9EE;\n --ds-background-accent-teal-subtle-pressed: #B1E4F7;\n --ds-background-accent-teal-bolder: #227D9B;\n --ds-background-accent-teal-bolder-hovered: #206A83;\n --ds-background-accent-teal-bolder-pressed: #1A5265;\n --ds-background-accent-blue-subtlest: #E9F2FE;\n --ds-background-accent-blue-subtlest-hovered: #CFE1FD;\n --ds-background-accent-blue-subtlest-pressed: #ADCBFB;\n --ds-background-accent-blue-subtler: #CFE1FD;\n --ds-background-accent-blue-subtler-hovered: #ADCBFB;\n --ds-background-accent-blue-subtler-pressed: #8FB8F6;\n --ds-background-accent-blue-subtle: #669DF1;\n --ds-background-accent-blue-subtle-hovered: #8FB8F6;\n --ds-background-accent-blue-subtle-pressed: #ADCBFB;\n --ds-background-accent-blue-bolder: #1868DB;\n --ds-background-accent-blue-bolder-hovered: #1558BC;\n --ds-background-accent-blue-bolder-pressed: #144794;\n --ds-background-accent-purple-subtlest: #F8EEFE;\n --ds-background-accent-purple-subtlest-hovered: #EED7FC;\n --ds-background-accent-purple-subtlest-pressed: #E3BDFA;\n --ds-background-accent-purple-subtler: #EED7FC;\n --ds-background-accent-purple-subtler-hovered: #E3BDFA;\n --ds-background-accent-purple-subtler-pressed: #D8A0F7;\n --ds-background-accent-purple-subtle: #C97CF4;\n --ds-background-accent-purple-subtle-hovered: #D8A0F7;\n --ds-background-accent-purple-subtle-pressed: #E3BDFA;\n --ds-background-accent-purple-bolder: #964AC0;\n --ds-background-accent-purple-bolder-hovered: #803FA5;\n --ds-background-accent-purple-bolder-pressed: #673286;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #FCB6E1;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #FCB6E1;\n --ds-background-accent-magenta-subtler-pressed: #F797D2;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-subtle-hovered: #F797D2;\n --ds-background-accent-magenta-subtle-pressed: #FCB6E1;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-magenta-bolder-hovered: #943D73;\n --ds-background-accent-magenta-bolder-pressed: #77325B;\n --ds-background-accent-gray-subtlest: #F0F1F2;\n --ds-background-accent-gray-subtlest-hovered: #DDDEE1;\n --ds-background-accent-gray-subtlest-pressed: #B7B9BE;\n --ds-background-accent-gray-subtler: #DDDEE1;\n --ds-background-accent-gray-subtler-hovered: #B7B9BE;\n --ds-background-accent-gray-subtler-pressed: #8C8F97;\n --ds-background-accent-gray-subtle: #8C8F97;\n --ds-background-accent-gray-subtle-hovered: #B7B9BE;\n --ds-background-accent-gray-subtle-pressed: #DDDEE1;\n --ds-background-accent-gray-bolder: #6B6E76;\n --ds-background-accent-gray-bolder-hovered: #505258;\n --ds-background-accent-gray-bolder-pressed: #3B3D42;\n --ds-background-disabled: #17171708;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F8F8F8;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #0515240F;\n --ds-background-neutral-hovered: #0B120E24;\n --ds-background-neutral-pressed: #080F214A;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #0515240F;\n --ds-background-neutral-subtle-pressed: #0B120E24;\n --ds-background-neutral-bold: #292A2E;\n --ds-background-neutral-bold-hovered: #3B3D42;\n --ds-background-neutral-bold-pressed: #505258;\n --ds-background-selected: #E9F2FE;\n --ds-background-selected-hovered: #CFE1FD;\n --ds-background-selected-pressed: #8FB8F6;\n --ds-background-selected-bold: #1868DB;\n --ds-background-selected-bold-hovered: #1558BC;\n --ds-background-selected-bold-pressed: #123263;\n --ds-background-brand-subtlest: #E9F2FE;\n --ds-background-brand-subtlest-hovered: #CFE1FD;\n --ds-background-brand-subtlest-pressed: #ADCBFB;\n --ds-background-brand-bold: #1868DB;\n --ds-background-brand-bold-hovered: #1558BC;\n --ds-background-brand-bold-pressed: #144794;\n --ds-background-brand-boldest: #1C2B42;\n --ds-background-brand-boldest-hovered: #123263;\n --ds-background-brand-boldest-pressed: #144794;\n --ds-background-danger: #FFECEB;\n --ds-background-danger-hovered: #FFD5D2;\n --ds-background-danger-pressed: #FFB8B2;\n --ds-background-danger-subtler: #FFD5D2;\n --ds-background-danger-subtler-hovered: #FFB8B2;\n --ds-background-danger-subtler-pressed: #FD9891;\n --ds-background-danger-bold: #C9372C;\n --ds-background-danger-bold-hovered: #AE2E24;\n --ds-background-danger-bold-pressed: #872821;\n --ds-background-warning: #FFF5DB;\n --ds-background-warning-hovered: #FCE4A6;\n --ds-background-warning-pressed: #FBD779;\n --ds-background-warning-subtler: #FCE4A6;\n --ds-background-warning-subtler-hovered: #FBD779;\n --ds-background-warning-subtler-pressed: #FBC828;\n --ds-background-warning-bold: #FBC828;\n --ds-background-warning-bold-hovered: #FCA700;\n --ds-background-warning-bold-pressed: #F68909;\n --ds-background-success: #EFFFD6;\n --ds-background-success-hovered: #D3F1A7;\n --ds-background-success-pressed: #BDE97C;\n --ds-background-success-subtler: #D3F1A7;\n --ds-background-success-subtler-hovered: #BDE97C;\n --ds-background-success-subtler-pressed: #B3DF72;\n --ds-background-success-bold: #5B7F24;\n --ds-background-success-bold-hovered: #4C6B1F;\n --ds-background-success-bold-pressed: #3F5224;\n --ds-background-discovery: #F8EEFE;\n --ds-background-discovery-hovered: #EED7FC;\n --ds-background-discovery-pressed: #E3BDFA;\n --ds-background-discovery-subtler: #EED7FC;\n --ds-background-discovery-subtler-hovered: #E3BDFA;\n --ds-background-discovery-subtler-pressed: #D8A0F7;\n --ds-background-discovery-bold: #964AC0;\n --ds-background-discovery-bold-hovered: #803FA5;\n --ds-background-discovery-bold-pressed: #673286;\n --ds-background-information: #E9F2FE;\n --ds-background-information-hovered: #CFE1FD;\n --ds-background-information-pressed: #ADCBFB;\n --ds-background-information-subtler: #CFE1FD;\n --ds-background-information-subtler-hovered: #ADCBFB;\n --ds-background-information-subtler-pressed: #8FB8F6;\n --ds-background-information-bold: #1868DB;\n --ds-background-information-bold-hovered: #1558BC;\n --ds-background-information-bold-pressed: #144794;\n --ds-blanket: #050C1F75;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #0515240F;\n --ds-skeleton-subtle: #17171708;\n --ds-chart-categorical-1: #357DE8;\n --ds-chart-categorical-1-hovered: #1868DB;\n --ds-chart-categorical-2: #82B536;\n --ds-chart-categorical-2-hovered: #6A9A23;\n --ds-chart-categorical-3: #BF63F3;\n --ds-chart-categorical-3-hovered: #AF59E1;\n --ds-chart-categorical-4: #F68909;\n --ds-chart-categorical-4-hovered: #E06C00;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #123263;\n --ds-chart-categorical-6: #964AC0;\n --ds-chart-categorical-6-hovered: #803FA5;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #2898BD;\n --ds-chart-categorical-8: #BD5B00;\n --ds-chart-categorical-8-hovered: #7A3B00;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #8C8F97;\n --ds-chart-neutral-hovered: #7D818A;\n --ds-chart-red-bold: #F15B50;\n --ds-chart-red-bold-hovered: #E2483D;\n --ds-chart-red-bolder: #E2483D;\n --ds-chart-red-bolder-hovered: #C9372C;\n --ds-chart-red-boldest: #AE2E24;\n --ds-chart-red-boldest-hovered: #5D1F1A;\n --ds-chart-orange-bold: #E06C00;\n --ds-chart-orange-bold-hovered: #BD5B00;\n --ds-chart-orange-bolder: #BD5B00;\n --ds-chart-orange-bolder-hovered: #9E4C00;\n --ds-chart-orange-boldest: #7A3B00;\n --ds-chart-orange-boldest-hovered: #693200;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #2898BD;\n --ds-chart-teal-bold-hovered: #227D9B;\n --ds-chart-teal-bolder: #227D9B;\n --ds-chart-teal-bolder-hovered: #206A83;\n --ds-chart-teal-boldest: #206A83;\n --ds-chart-teal-boldest-hovered: #164555;\n --ds-chart-blue-bold: #4688EC;\n --ds-chart-blue-bold-hovered: #357DE8;\n --ds-chart-blue-bolder: #357DE8;\n --ds-chart-blue-bolder-hovered: #1868DB;\n --ds-chart-blue-boldest: #1558BC;\n --ds-chart-blue-boldest-hovered: #123263;\n --ds-chart-purple-bold: #BF63F3;\n --ds-chart-purple-bold-hovered: #AF59E1;\n --ds-chart-purple-bolder: #AF59E1;\n --ds-chart-purple-bolder-hovered: #964AC0;\n --ds-chart-purple-boldest: #803FA5;\n --ds-chart-purple-boldest-hovered: #48245D;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8C8F97;\n --ds-chart-gray-bold-hovered: #7D818A;\n --ds-chart-gray-bolder: #7D818A;\n --ds-chart-gray-bolder-hovered: #6B6E76;\n --ds-chart-gray-boldest: #505258;\n --ds-chart-gray-boldest-hovered: #3B3D42;\n --ds-chart-brand: #357DE8;\n --ds-chart-brand-hovered: #1868DB;\n --ds-chart-danger: #E2483D;\n --ds-chart-danger-hovered: #C9372C;\n --ds-chart-danger-bold: #872821;\n --ds-chart-danger-bold-hovered: #5D1F1A;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #E06C00;\n --ds-chart-warning-bold: #BD5B00;\n --ds-chart-warning-bold-hovered: #9E4C00;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #6A9A23;\n --ds-chart-success-bold: #5B7F24;\n --ds-chart-success-bold-hovered: #4C6B1F;\n --ds-chart-discovery: #BF63F3;\n --ds-chart-discovery-hovered: #AF59E1;\n --ds-chart-discovery-bold: #803FA5;\n --ds-chart-discovery-bold-hovered: #964AC0;\n --ds-chart-information: #357DE8;\n --ds-chart-information-hovered: #1868DB;\n --ds-chart-information-bold: #1558BC;\n --ds-chart-information-bold-hovered: #123263;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F0F1F2;\n --ds-surface-pressed: #DDDEE1;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F0F1F2;\n --ds-surface-overlay-pressed: #DDDEE1;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F0F1F2;\n --ds-surface-raised-pressed: #DDDEE1;\n --ds-surface-sunken: #F8F8F8;\n --ds-shadow-overflow: 0px 0px 8px #1E1F2129, 0px 0px 1px #1E1F211F;\n --ds-shadow-overflow-perimeter: #1E1F211f;\n --ds-shadow-overflow-spread: #1E1F2129;\n --ds-shadow-overlay: 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214F;\n --ds-shadow-raised: 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #FFFFFF;\n}\n";
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::fd33b381dded5ef628eed8716924678b>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
|
-
var _default = exports.default = "\nhtml[data-theme~=\"shape:shape\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.5rem;\n --ds-radius-xlarge: 0.75rem;\n --ds-radius-xxlarge: 1rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
|
|
12
|
+
var _default = exports.default = "\nhtml[data-theme~=\"shape:shape\"], [data-subtree-theme][data-theme~=\"shape:shape\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.5rem;\n --ds-radius-xlarge: 0.75rem;\n --ds-radius-xxlarge: 1rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::2fe6e09ea53e7fa3fa7d8ba2613e2fb7>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
|
-
var _default = exports.default = "\nhtml[data-theme~=\"spacing:spacing\"] {\n --ds-space-0: 0rem;\n --ds-space-025: 0.125rem;\n --ds-space-050: 0.25rem;\n --ds-space-075: 0.375rem;\n --ds-space-100: 0.5rem;\n --ds-space-150: 0.75rem;\n --ds-space-200: 1rem;\n --ds-space-250: 1.25rem;\n --ds-space-300: 1.5rem;\n --ds-space-400: 2rem;\n --ds-space-500: 2.5rem;\n --ds-space-600: 3rem;\n --ds-space-800: 4rem;\n --ds-space-1000: 5rem;\n --ds-space-negative-025: -0.125rem;\n --ds-space-negative-050: -0.25rem;\n --ds-space-negative-075: -0.375rem;\n --ds-space-negative-100: -0.5rem;\n --ds-space-negative-150: -0.75rem;\n --ds-space-negative-200: -1rem;\n --ds-space-negative-250: -1.25rem;\n --ds-space-negative-300: -1.5rem;\n --ds-space-negative-400: -2rem;\n}\n";
|
|
12
|
+
var _default = exports.default = "\nhtml[data-theme~=\"spacing:spacing\"], [data-subtree-theme][data-theme~=\"spacing:spacing\"] {\n --ds-space-0: 0rem;\n --ds-space-025: 0.125rem;\n --ds-space-050: 0.25rem;\n --ds-space-075: 0.375rem;\n --ds-space-100: 0.5rem;\n --ds-space-150: 0.75rem;\n --ds-space-200: 1rem;\n --ds-space-250: 1.25rem;\n --ds-space-300: 1.5rem;\n --ds-space-400: 2rem;\n --ds-space-500: 2.5rem;\n --ds-space-600: 3rem;\n --ds-space-800: 4rem;\n --ds-space-1000: 5rem;\n --ds-space-negative-025: -0.125rem;\n --ds-space-negative-050: -0.25rem;\n --ds-space-negative-075: -0.375rem;\n --ds-space-negative-100: -0.5rem;\n --ds-space-negative-150: -0.75rem;\n --ds-space-negative-200: -1rem;\n --ds-space-negative-250: -1.25rem;\n --ds-space-negative-300: -1.5rem;\n --ds-space-negative-400: -2rem;\n}\n";
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::53278a261ad7a10a6b0212f6516599e1>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
|
-
var _default = exports.default = "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-heading-xxlarge: normal 653 2rem/2.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xlarge: normal 653 1.75rem/2rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-large: normal 653 1.5rem/1.75rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-medium: normal 653 1.25rem/1.5rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-small: normal 653 1rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xsmall: normal 653 0.875rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xxsmall: normal 653 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body-large: normal 400 1rem/1.5rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body: normal 400 0.875rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body-small: normal 400 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-large: normal 653 1.75rem/2rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-medium: normal 653 1.5rem/1.75rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-small: normal 653 1rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-code: normal 400 0.875em/1 \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-weight-regular: 400;\n --ds-font-weight-medium: 500;\n --ds-font-weight-semibold: 600;\n --ds-font-weight-bold: 653;\n --ds-font-family-heading: \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-body: \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-code: \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-brand-heading: \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand-body: \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n}\n";
|
|
12
|
+
var _default = exports.default = "\nhtml[data-theme~=\"typography:typography\"], [data-subtree-theme][data-theme~=\"typography:typography\"] {\n --ds-font-heading-xxlarge: normal 653 2rem/2.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xlarge: normal 653 1.75rem/2rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-large: normal 653 1.5rem/1.75rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-medium: normal 653 1.25rem/1.5rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-small: normal 653 1rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xsmall: normal 653 0.875rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xxsmall: normal 653 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body-large: normal 400 1rem/1.5rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body: normal 400 0.875rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body-small: normal 400 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-large: normal 653 1.75rem/2rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-medium: normal 653 1.5rem/1.75rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-small: normal 653 1rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-code: normal 400 0.875em/1 \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-weight-regular: 400;\n --ds-font-weight-medium: 500;\n --ds-font-weight-semibold: 600;\n --ds-font-weight-bold: 653;\n --ds-font-family-heading: \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-body: \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-code: \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-brand-heading: \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand-body: \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n}\n";
|
|
@@ -13,7 +13,7 @@ exports.default = void 0;
|
|
|
13
13
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
14
14
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
15
15
|
*
|
|
16
|
-
* @codegen <<SignedSource::
|
|
16
|
+
* @codegen <<SignedSource::e6225c65d5d4ce72381110479f6b4968>>
|
|
17
17
|
* @codegenCommand yarn build tokens
|
|
18
18
|
*/
|
|
19
19
|
var defaultTokenValues = {
|
|
@@ -425,7 +425,6 @@ var defaultTokenValues = {
|
|
|
425
425
|
'elevation.shadow.raised': '0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F',
|
|
426
426
|
'opacity.disabled': '0.4',
|
|
427
427
|
'opacity.loading': '0.2',
|
|
428
|
-
'utility.UNSAFE.textTransformUppercase': 'uppercase',
|
|
429
428
|
'utility.UNSAFE.transparent': 'transparent',
|
|
430
429
|
'utility.elevation.surface.current': '#FFFFFF',
|
|
431
430
|
'space.0': '0rem',
|
|
@@ -451,28 +450,28 @@ var defaultTokenValues = {
|
|
|
451
450
|
'space.negative.250': '-1.25rem',
|
|
452
451
|
'space.negative.300': '-1.5rem',
|
|
453
452
|
'space.negative.400': '-2rem',
|
|
454
|
-
'font.heading.xxlarge': 'normal
|
|
455
|
-
'font.heading.xlarge': 'normal
|
|
456
|
-
'font.heading.large': 'normal
|
|
457
|
-
'font.heading.medium': 'normal
|
|
458
|
-
'font.heading.small': 'normal
|
|
459
|
-
'font.heading.xsmall': 'normal
|
|
460
|
-
'font.heading.xxsmall': 'normal
|
|
461
|
-
'font.body.large': 'normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
462
|
-
'font.body': 'normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
463
|
-
'font.body.small': 'normal 400 0.
|
|
464
|
-
'font.body.UNSAFE_small': 'normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
465
|
-
'font.metric.large': 'normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
466
|
-
'font.metric.medium': 'normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
467
|
-
'font.metric.small': 'normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
468
|
-
'font.code': 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
453
|
+
'font.heading.xxlarge': 'normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
454
|
+
'font.heading.xlarge': 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
455
|
+
'font.heading.large': 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
456
|
+
'font.heading.medium': 'normal 653 1.25rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
457
|
+
'font.heading.small': 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
458
|
+
'font.heading.xsmall': 'normal 653 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
459
|
+
'font.heading.xxsmall': 'normal 653 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
460
|
+
'font.body.large': 'normal 400 1rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
461
|
+
'font.body': 'normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
462
|
+
'font.body.small': 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
463
|
+
'font.body.UNSAFE_small': 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
464
|
+
'font.metric.large': 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
465
|
+
'font.metric.medium': 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
466
|
+
'font.metric.small': 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
467
|
+
'font.code': 'normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
469
468
|
'font.weight.regular': '400',
|
|
470
469
|
'font.weight.medium': '500',
|
|
471
470
|
'font.weight.semibold': '600',
|
|
472
|
-
'font.weight.bold': '
|
|
473
|
-
'font.family.heading': 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
474
|
-
'font.family.body': 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
475
|
-
'font.family.code': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
471
|
+
'font.weight.bold': '653',
|
|
472
|
+
'font.family.heading': '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
473
|
+
'font.family.body': '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
474
|
+
'font.family.code': '"Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
476
475
|
'font.family.brand.heading': '"Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
477
476
|
'font.family.brand.body': '"Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
478
477
|
'radius.xsmall': '0.125rem',
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::71ab6af4453c6807be4d4249ca7614bc>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
var tokens = {
|
|
@@ -418,7 +418,6 @@ var tokens = {
|
|
|
418
418
|
'elevation.shadow.raised': '--ds-shadow-raised',
|
|
419
419
|
'opacity.disabled': '--ds-opacity-disabled',
|
|
420
420
|
'opacity.loading': '--ds-opacity-loading',
|
|
421
|
-
'utility.UNSAFE.textTransformUppercase': '--ds-UNSAFE-textTransformUppercase',
|
|
422
421
|
'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
|
|
423
422
|
'utility.elevation.surface.current': '--ds-elevation-surface-current',
|
|
424
423
|
'space.0': '--ds-space-0',
|
|
@@ -14,7 +14,7 @@ var _atlassianLegacyLight = _interopRequireDefault(require("../artifacts/tokens-
|
|
|
14
14
|
var _atlassianLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light"));
|
|
15
15
|
var _atlassianShape = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-shape"));
|
|
16
16
|
var _atlassianSpacing = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-spacing"));
|
|
17
|
-
var
|
|
17
|
+
var _atlassianTypography = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography"));
|
|
18
18
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
19
19
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
20
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -197,7 +197,7 @@ var lightValues = getThemeValues(_atlassianLight.default);
|
|
|
197
197
|
var legacyLightValues = getThemeValues(_atlassianLegacyLight.default);
|
|
198
198
|
var shapeValues = getThemeValues(_atlassianShape.default);
|
|
199
199
|
var spacingValues = getThemeValues(_atlassianSpacing.default);
|
|
200
|
-
var typographyValues = getThemeValues(
|
|
200
|
+
var typographyValues = getThemeValues(_atlassianTypography.default);
|
|
201
201
|
function getDefaultFallback(tokenName) {
|
|
202
202
|
var theme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'light';
|
|
203
203
|
if (shapeValues[tokenName]) {
|
package/dist/cjs/constants.js
CHANGED
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TOKEN_NOT_FOUND_CSS_VAR = exports.THEME_DATA_ATTRIBUTE = exports.CUSTOM_THEME_ATTRIBUTE = exports.CURRENT_SURFACE_CSS_VAR = exports.CSS_VAR_FULL = exports.CSS_PREFIX = exports.CONTRAST_MODE_ATTRIBUTE = exports.COLOR_MODE_ATTRIBUTE = void 0;
|
|
6
|
+
exports.TOKEN_NOT_FOUND_CSS_VAR = exports.THEME_DATA_ATTRIBUTE = exports.SUBTREE_THEME_ATTRIBUTE = exports.CUSTOM_THEME_ATTRIBUTE = exports.CURRENT_SURFACE_CSS_VAR = exports.CSS_VAR_FULL = exports.CSS_PREFIX = exports.CONTRAST_MODE_ATTRIBUTE = exports.COLOR_MODE_ATTRIBUTE = void 0;
|
|
7
7
|
var THEME_DATA_ATTRIBUTE = exports.THEME_DATA_ATTRIBUTE = 'data-theme';
|
|
8
|
+
var SUBTREE_THEME_ATTRIBUTE = exports.SUBTREE_THEME_ATTRIBUTE = 'data-subtree-theme';
|
|
8
9
|
var COLOR_MODE_ATTRIBUTE = exports.COLOR_MODE_ATTRIBUTE = 'data-color-mode';
|
|
9
10
|
var CONTRAST_MODE_ATTRIBUTE = exports.CONTRAST_MODE_ATTRIBUTE = 'data-contrast-mode';
|
|
10
11
|
var CUSTOM_THEME_ATTRIBUTE = exports.CUSTOM_THEME_ATTRIBUTE = 'data-custom-theme';
|
|
@@ -9,7 +9,7 @@ exports.tokens = void 0;
|
|
|
9
9
|
*
|
|
10
10
|
* Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
|
|
11
11
|
*
|
|
12
|
-
* @codegen <<SignedSource::
|
|
12
|
+
* @codegen <<SignedSource::6c61f13b08f7f4a5c5fb8d55f8ef5c14>>
|
|
13
13
|
* @codegenCommand yarn build tokens
|
|
14
14
|
*/
|
|
15
15
|
|
|
@@ -2053,11 +2053,6 @@ var tokens = exports.tokens = [{
|
|
|
2053
2053
|
path: ['opacity', 'loading'],
|
|
2054
2054
|
description: 'Apply to content that sits under a loading spinner.',
|
|
2055
2055
|
exampleValue: 0.2
|
|
2056
|
-
}, {
|
|
2057
|
-
name: 'utility.UNSAFE.textTransformUppercase',
|
|
2058
|
-
path: ['utility', 'UNSAFE', 'textTransformUppercase'],
|
|
2059
|
-
description: 'Text transform uppercase token used for backwards compatibility between new and old theming solutions',
|
|
2060
|
-
exampleValue: 'uppercase'
|
|
2061
2056
|
}, {
|
|
2062
2057
|
name: 'utility.UNSAFE.transparent',
|
|
2063
2058
|
path: ['utility', 'UNSAFE', 'transparent'],
|
|
@@ -2187,77 +2182,77 @@ var tokens = exports.tokens = [{
|
|
|
2187
2182
|
name: 'font.heading.xxlarge',
|
|
2188
2183
|
path: ['font', 'heading', 'xxlarge'],
|
|
2189
2184
|
description: 'For overlapping brand with app promotions, such as marketplace content. Migrate instances of H900 to Heading XXL.',
|
|
2190
|
-
exampleValue: 'normal
|
|
2185
|
+
exampleValue: 'normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2191
2186
|
}, {
|
|
2192
2187
|
name: 'font.heading.xlarge',
|
|
2193
2188
|
path: ['font', 'heading', 'xlarge'],
|
|
2194
2189
|
description: 'For overlapping brand with app promotions, such as marketplace content. Migrate instances of H800 to Heading XL.',
|
|
2195
|
-
exampleValue: 'normal
|
|
2190
|
+
exampleValue: 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2196
2191
|
}, {
|
|
2197
2192
|
name: 'font.heading.large',
|
|
2198
2193
|
path: ['font', 'heading', 'large'],
|
|
2199
2194
|
description: 'App page titles, such as forms. Migrate instances of H700 to Heading L.',
|
|
2200
|
-
exampleValue: 'normal
|
|
2195
|
+
exampleValue: 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2201
2196
|
}, {
|
|
2202
2197
|
name: 'font.heading.medium',
|
|
2203
2198
|
path: ['font', 'heading', 'medium'],
|
|
2204
2199
|
description: 'Headers in large components, such as modal dialogs. Migrate instances of H600 to Heading M.',
|
|
2205
|
-
exampleValue: 'normal
|
|
2200
|
+
exampleValue: 'normal 653 1.25rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2206
2201
|
}, {
|
|
2207
2202
|
name: 'font.heading.small',
|
|
2208
2203
|
path: ['font', 'heading', 'small'],
|
|
2209
2204
|
description: 'For headers in small components where space is limited. Migrate instances of H500 to Heading S.',
|
|
2210
|
-
exampleValue: 'normal
|
|
2205
|
+
exampleValue: 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2211
2206
|
}, {
|
|
2212
2207
|
name: 'font.heading.xsmall',
|
|
2213
2208
|
path: ['font', 'heading', 'xsmall'],
|
|
2214
2209
|
description: 'For headers in small components where space is limited. Migrate instances of H400 to Heading XS.',
|
|
2215
|
-
exampleValue: 'normal
|
|
2210
|
+
exampleValue: 'normal 653 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2216
2211
|
}, {
|
|
2217
2212
|
name: 'font.heading.xxsmall',
|
|
2218
2213
|
path: ['font', 'heading', 'xxsmall'],
|
|
2219
2214
|
description: 'For headers in fine print or tight spaces. Use sparingly. Migrate instances of H100, H200 and H300 to Heading XXS.',
|
|
2220
|
-
exampleValue: 'normal
|
|
2215
|
+
exampleValue: 'normal 653 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2221
2216
|
}, {
|
|
2222
2217
|
name: 'font.body.large',
|
|
2223
2218
|
path: ['font', 'body', 'large'],
|
|
2224
2219
|
description: 'For long-form text, such as in blogs.',
|
|
2225
|
-
exampleValue: 'normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2220
|
+
exampleValue: 'normal 400 1rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2226
2221
|
}, {
|
|
2227
2222
|
name: 'font.body',
|
|
2228
2223
|
path: ['font', 'body', '[default]'],
|
|
2229
2224
|
description: 'Use in short descriptions or labels. The default size for text in components. Migrate instances of Paragraph Default and UI Text to Body M.',
|
|
2230
|
-
exampleValue: 'normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2225
|
+
exampleValue: 'normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2231
2226
|
}, {
|
|
2232
2227
|
name: 'font.body.small',
|
|
2233
2228
|
path: ['font', 'body', 'small'],
|
|
2234
2229
|
description: 'Use in secondary level content such as fine print or semantic messaging. Use sparingly. Migrate instances of Small text to Body S.',
|
|
2235
|
-
exampleValue: 'normal 400 0.
|
|
2230
|
+
exampleValue: 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2236
2231
|
}, {
|
|
2237
2232
|
name: 'font.body.UNSAFE_small',
|
|
2238
2233
|
path: ['font', 'body', 'UNSAFE_small'],
|
|
2239
2234
|
description: 'UNSAFE - Do not use. Temporary 12px fontsize token. Will be deprecated and replaced with stable small token',
|
|
2240
|
-
exampleValue: 'normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2235
|
+
exampleValue: 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2241
2236
|
}, {
|
|
2242
2237
|
name: 'font.metric.large',
|
|
2243
2238
|
path: ['font', 'metric', 'large'],
|
|
2244
2239
|
description: 'Use to emphasize a number within a large donut.',
|
|
2245
|
-
exampleValue: 'normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2240
|
+
exampleValue: 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2246
2241
|
}, {
|
|
2247
2242
|
name: 'font.metric.medium',
|
|
2248
2243
|
path: ['font', 'metric', 'medium'],
|
|
2249
2244
|
description: 'Use to emphasize a number within a medium donut.',
|
|
2250
|
-
exampleValue: 'normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2245
|
+
exampleValue: 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2251
2246
|
}, {
|
|
2252
2247
|
name: 'font.metric.small',
|
|
2253
2248
|
path: ['font', 'metric', 'small'],
|
|
2254
2249
|
description: 'Use to emphasize a number and words in single-value tiles, or small donuts.',
|
|
2255
|
-
exampleValue: 'normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2250
|
+
exampleValue: 'normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2256
2251
|
}, {
|
|
2257
2252
|
name: 'font.code',
|
|
2258
2253
|
path: ['font', 'code', '[default]'],
|
|
2259
2254
|
description: 'For representing code only, either inline or in code blocks.',
|
|
2260
|
-
exampleValue: 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2255
|
+
exampleValue: 'normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2261
2256
|
}, {
|
|
2262
2257
|
name: 'font.weight.regular',
|
|
2263
2258
|
path: ['font', 'weight', 'regular'],
|
|
@@ -2277,22 +2272,22 @@ var tokens = exports.tokens = [{
|
|
|
2277
2272
|
name: 'font.weight.bold',
|
|
2278
2273
|
path: ['font', 'weight', 'bold'],
|
|
2279
2274
|
description: 'Use sparingly for emphasising text, such as in a lozenge.',
|
|
2280
|
-
exampleValue: '
|
|
2275
|
+
exampleValue: '653'
|
|
2281
2276
|
}, {
|
|
2282
2277
|
name: 'font.family.heading',
|
|
2283
2278
|
path: ['font', 'family', 'heading'],
|
|
2284
2279
|
description: 'For our default UI heading text.',
|
|
2285
|
-
exampleValue: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2280
|
+
exampleValue: '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2286
2281
|
}, {
|
|
2287
2282
|
name: 'font.family.body',
|
|
2288
2283
|
path: ['font', 'family', 'body'],
|
|
2289
2284
|
description: 'For our default UI body text.',
|
|
2290
|
-
exampleValue: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2285
|
+
exampleValue: '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif'
|
|
2291
2286
|
}, {
|
|
2292
2287
|
name: 'font.family.code',
|
|
2293
2288
|
path: ['font', 'family', 'code'],
|
|
2294
2289
|
description: 'For representing code only.',
|
|
2295
|
-
exampleValue: 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2290
|
+
exampleValue: '"Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace'
|
|
2296
2291
|
}, {
|
|
2297
2292
|
name: 'font.family.brand.heading',
|
|
2298
2293
|
path: ['font', 'family', 'brand', 'heading'],
|
|
@@ -40,30 +40,9 @@ Object.defineProperty(exports, "typography", {
|
|
|
40
40
|
return _atlassianTypography.default;
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
|
-
Object.defineProperty(exports, "typographyAdg3", {
|
|
44
|
-
enumerable: true,
|
|
45
|
-
get: function get() {
|
|
46
|
-
return _atlassianTypographyAdg.default;
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
Object.defineProperty(exports, "typographyModernized", {
|
|
50
|
-
enumerable: true,
|
|
51
|
-
get: function get() {
|
|
52
|
-
return _atlassianTypographyModernized.default;
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
Object.defineProperty(exports, "typographyRefreshed", {
|
|
56
|
-
enumerable: true,
|
|
57
|
-
get: function get() {
|
|
58
|
-
return _atlassianTypographyRefreshed.default;
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
43
|
var _atlassianLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light"));
|
|
62
44
|
var _atlassianLegacyLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-legacy-light"));
|
|
63
45
|
var _atlassianDark = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-dark"));
|
|
64
46
|
var _atlassianSpacing = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-spacing"));
|
|
65
47
|
var _atlassianTypography = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography"));
|
|
66
|
-
var _atlassianTypographyAdg = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-adg3"));
|
|
67
|
-
var _atlassianTypographyModernized = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-modernized"));
|
|
68
|
-
var _atlassianTypographyRefreshed = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-refreshed"));
|
|
69
48
|
var _atlassianShape = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-shape"));
|
package/dist/cjs/index.js
CHANGED
|
@@ -4,12 +4,30 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
+
Object.defineProperty(exports, "COLOR_MODE_ATTRIBUTE", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _constants.COLOR_MODE_ATTRIBUTE;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
7
13
|
Object.defineProperty(exports, "CURRENT_SURFACE_CSS_VAR", {
|
|
8
14
|
enumerable: true,
|
|
9
15
|
get: function get() {
|
|
10
16
|
return _constants.CURRENT_SURFACE_CSS_VAR;
|
|
11
17
|
}
|
|
12
18
|
});
|
|
19
|
+
Object.defineProperty(exports, "SUBTREE_THEME_ATTRIBUTE", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function get() {
|
|
22
|
+
return _constants.SUBTREE_THEME_ATTRIBUTE;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "THEME_DATA_ATTRIBUTE", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function get() {
|
|
28
|
+
return _constants.THEME_DATA_ATTRIBUTE;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
13
31
|
Object.defineProperty(exports, "ThemeMutationObserver", {
|
|
14
32
|
enumerable: true,
|
|
15
33
|
get: function get() {
|
|
@@ -64,6 +82,12 @@ Object.defineProperty(exports, "themeConfig", {
|
|
|
64
82
|
return _themeConfig.default;
|
|
65
83
|
}
|
|
66
84
|
});
|
|
85
|
+
Object.defineProperty(exports, "themeImportMap", {
|
|
86
|
+
enumerable: true,
|
|
87
|
+
get: function get() {
|
|
88
|
+
return _themeImportMap.default;
|
|
89
|
+
}
|
|
90
|
+
});
|
|
67
91
|
Object.defineProperty(exports, "themeObjectToString", {
|
|
68
92
|
enumerable: true,
|
|
69
93
|
get: function get() {
|
|
@@ -100,4 +124,5 @@ var _useThemeObserver = _interopRequireDefault(require("./use-theme-observer"));
|
|
|
100
124
|
var _themeMutationObserver = _interopRequireDefault(require("./theme-mutation-observer"));
|
|
101
125
|
var _getGlobalTheme = _interopRequireDefault(require("./get-global-theme"));
|
|
102
126
|
var _themeStateTransformer = require("./theme-state-transformer");
|
|
127
|
+
var _themeImportMap = _interopRequireDefault(require("./artifacts/theme-import-map"));
|
|
103
128
|
var _constants = require("./constants");
|
package/dist/cjs/theme-config.js
CHANGED
|
@@ -45,7 +45,7 @@ var themeContrastModes = ['more', 'no-preference', 'auto'];
|
|
|
45
45
|
*
|
|
46
46
|
* These ids must be kebab case
|
|
47
47
|
*/
|
|
48
|
-
var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography'
|
|
48
|
+
var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography'];
|
|
49
49
|
/**
|
|
50
50
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
51
51
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -165,14 +165,6 @@ var themeConfig = {
|
|
|
165
165
|
type: 'typography'
|
|
166
166
|
}
|
|
167
167
|
},
|
|
168
|
-
'atlassian-typography-adg3': {
|
|
169
|
-
id: 'typography-adg3',
|
|
170
|
-
displayName: 'ADG3 Typography',
|
|
171
|
-
palette: 'typographyPalette',
|
|
172
|
-
attributes: {
|
|
173
|
-
type: 'typography'
|
|
174
|
-
}
|
|
175
|
-
},
|
|
176
168
|
'atlassian-shape': {
|
|
177
169
|
id: 'shape',
|
|
178
170
|
displayName: 'Shape',
|
|
@@ -180,22 +172,6 @@ var themeConfig = {
|
|
|
180
172
|
attributes: {
|
|
181
173
|
type: 'shape'
|
|
182
174
|
}
|
|
183
|
-
},
|
|
184
|
-
'atlassian-typography-modernized': {
|
|
185
|
-
id: 'typography-modernized',
|
|
186
|
-
displayName: 'Atlassian Typography (Modernized)',
|
|
187
|
-
palette: 'typographyPalette',
|
|
188
|
-
attributes: {
|
|
189
|
-
type: 'typography'
|
|
190
|
-
}
|
|
191
|
-
},
|
|
192
|
-
'atlassian-typography-refreshed': {
|
|
193
|
-
id: 'typography-refreshed',
|
|
194
|
-
displayName: 'Atlassian Typography (Refreshed)',
|
|
195
|
-
palette: 'typographyPalette',
|
|
196
|
-
attributes: {
|
|
197
|
-
type: 'typography'
|
|
198
|
-
}
|
|
199
175
|
}
|
|
200
176
|
};
|
|
201
177
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* This allows users to compose their themes and only use the tokens that are requested.
|
|
7
7
|
* When a new theme is created, the import should automatically be added to the map
|
|
8
8
|
*
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::926662cc712c2c412c8b6b4cdcd8d64f>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
|
|
@@ -31,13 +31,7 @@ const themeImportsMap = {
|
|
|
31
31
|
'./themes/atlassian-spacing'),
|
|
32
32
|
'typography': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
|
|
33
33
|
'./themes/atlassian-typography'),
|
|
34
|
-
'typography-adg3': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-adg3" */
|
|
35
|
-
'./themes/atlassian-typography-adg3'),
|
|
36
34
|
'shape': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-shape" */
|
|
37
|
-
'./themes/atlassian-shape')
|
|
38
|
-
'typography-modernized': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-modernized" */
|
|
39
|
-
'./themes/atlassian-typography-modernized'),
|
|
40
|
-
'typography-refreshed': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-refreshed" */
|
|
41
|
-
'./themes/atlassian-typography-refreshed')
|
|
35
|
+
'./themes/atlassian-shape')
|
|
42
36
|
};
|
|
43
37
|
export default themeImportsMap;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::741034bd638ef3213bd80028afe63011>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
|
-
html[data-color-mode="light"][data-theme~="light:light"],
|
|
8
|
-
html[data-color-mode="dark"][data-theme~="dark:light"] {
|
|
7
|
+
html[data-color-mode="light"][data-theme~="light:light"], [data-subtree-theme][data-color-mode="light"][data-theme~="light:light"],
|
|
8
|
+
html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][data-color-mode="dark"][data-theme~="dark:light"] {
|
|
9
9
|
color-scheme: dark;
|
|
10
10
|
--ds-background-disabled: #B3DF72;
|
|
11
11
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::d69f26b9146afc40dbad5febb62a7f64>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
|
-
html[data-color-mode="light"][data-theme~="light:dark-increased-contrast"],
|
|
8
|
-
html[data-color-mode="dark"][data-theme~="dark:dark-increased-contrast"],
|
|
7
|
+
html[data-color-mode="light"][data-theme~="light:dark-increased-contrast"], [data-subtree-theme][data-color-mode="light"][data-theme~="light:dark-increased-contrast"],
|
|
8
|
+
html[data-color-mode="dark"][data-theme~="dark:dark-increased-contrast"], [data-subtree-theme][data-color-mode="dark"][data-theme~="dark:dark-increased-contrast"],
|
|
9
9
|
html[data-color-mode="light"][data-contrast-mode="more"][data-theme~="light:dark"],
|
|
10
10
|
html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"] {
|
|
11
11
|
color-scheme: dark;
|