Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@atlaskit/primitives
Advanced tools
@atlaskit/primitives - npm Package Compare versions
Comparing version 0.10.1 to 0.11.0
| # @atlaskit/primitives | ||
| ## 0.11.0 | ||
| ### Minor Changes | ||
| - [`8bd6dc6027f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8bd6dc6027f) - Box backgroundColor prop now accepts full token names, abbreviated forms will no longer work. xCSS now accepts full token names, abbreviated forms will no longer work. | ||
| ## 0.10.1 | ||
@@ -4,0 +10,0 @@ |
| { | ||
| "name": "@atlaskit/primitives", | ||
| "version": "0.10.1", | ||
| "version": "0.11.0", | ||
| "sideEffects": false | ||
| } |
@@ -63,3 +63,3 @@ "use strict"; | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::98eba397b6a9706307e40f32a49200fd>> | ||
| * @codegen <<SignedSource::7d56840c81e052d4dc9e5ebb6a1a0053>> | ||
| * @codegenId colors | ||
@@ -72,117 +72,117 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles | ||
| 'color.border': "var(--ds-border, #091e4221)", | ||
| 'accent.red': "var(--ds-border-accent-red, #FF5630)", | ||
| 'accent.orange': "var(--ds-border-accent-orange, #D94008)", | ||
| 'accent.yellow': "var(--ds-border-accent-yellow, #FFAB00)", | ||
| 'accent.green': "var(--ds-border-accent-green, #36B37E)", | ||
| 'accent.teal': "var(--ds-border-accent-teal, #00B8D9)", | ||
| 'accent.blue': "var(--ds-border-accent-blue, #0065FF)", | ||
| 'accent.purple': "var(--ds-border-accent-purple, #6554C0)", | ||
| 'accent.magenta': "var(--ds-border-accent-magenta, #CD519D)", | ||
| 'accent.gray': "var(--ds-border-accent-gray, #5E6C84)", | ||
| disabled: "var(--ds-border-disabled, #FAFBFC)", | ||
| focused: "var(--ds-border-focused, #4C9AFF)", | ||
| input: "var(--ds-border-input, #FAFBFC)", | ||
| inverse: "var(--ds-border-inverse, #FFFFFF)", | ||
| selected: "var(--ds-border-selected, #0052CC)", | ||
| brand: "var(--ds-border-brand, #0052CC)", | ||
| danger: "var(--ds-border-danger, #FF5630)", | ||
| warning: "var(--ds-border-warning, #FFC400)", | ||
| success: "var(--ds-border-success, #00875A)", | ||
| discovery: "var(--ds-border-discovery, #998DD9)", | ||
| information: "var(--ds-border-information, #0065FF)", | ||
| bold: "var(--ds-border-bold, #344563)" | ||
| 'color.border.accent.red': "var(--ds-border-accent-red, #FF5630)", | ||
| 'color.border.accent.orange': "var(--ds-border-accent-orange, #D94008)", | ||
| 'color.border.accent.yellow': "var(--ds-border-accent-yellow, #FFAB00)", | ||
| 'color.border.accent.green': "var(--ds-border-accent-green, #36B37E)", | ||
| 'color.border.accent.teal': "var(--ds-border-accent-teal, #00B8D9)", | ||
| 'color.border.accent.blue': "var(--ds-border-accent-blue, #0065FF)", | ||
| 'color.border.accent.purple': "var(--ds-border-accent-purple, #6554C0)", | ||
| 'color.border.accent.magenta': "var(--ds-border-accent-magenta, #CD519D)", | ||
| 'color.border.accent.gray': "var(--ds-border-accent-gray, #5E6C84)", | ||
| 'color.border.disabled': "var(--ds-border-disabled, #FAFBFC)", | ||
| 'color.border.focused': "var(--ds-border-focused, #4C9AFF)", | ||
| 'color.border.input': "var(--ds-border-input, #FAFBFC)", | ||
| 'color.border.inverse': "var(--ds-border-inverse, #FFFFFF)", | ||
| 'color.border.selected': "var(--ds-border-selected, #0052CC)", | ||
| 'color.border.brand': "var(--ds-border-brand, #0052CC)", | ||
| 'color.border.danger': "var(--ds-border-danger, #FF5630)", | ||
| 'color.border.warning': "var(--ds-border-warning, #FFC400)", | ||
| 'color.border.success': "var(--ds-border-success, #00875A)", | ||
| 'color.border.discovery': "var(--ds-border-discovery, #998DD9)", | ||
| 'color.border.information': "var(--ds-border-information, #0065FF)", | ||
| 'color.border.bold': "var(--ds-border-bold, #344563)" | ||
| }; | ||
| exports.borderColorMap = borderColorMap; | ||
| var backgroundColorMap = { | ||
| 'accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FF8F73)", | ||
| 'accent.red.subtler': "var(--ds-background-accent-red-subtler, #FF7452)", | ||
| 'accent.red.subtle': "var(--ds-background-accent-red-subtle, #DE350B)", | ||
| 'accent.red.bolder': "var(--ds-background-accent-red-bolder, #DE350B)", | ||
| 'accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest, #F18D13)", | ||
| 'accent.orange.subtler': "var(--ds-background-accent-orange-subtler, #B65C02)", | ||
| 'accent.orange.subtle': "var(--ds-background-accent-orange-subtle, #5F3811)", | ||
| 'accent.orange.bolder': "var(--ds-background-accent-orange-bolder, #43290F)", | ||
| 'accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest, #FFE380)", | ||
| 'accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler, #FFC400)", | ||
| 'accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle, #FF991F)", | ||
| 'accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder, #FF991F)", | ||
| 'accent.green.subtlest': "var(--ds-background-accent-green-subtlest, #79F2C0)", | ||
| 'accent.green.subtler': "var(--ds-background-accent-green-subtler, #57D9A3)", | ||
| 'accent.green.subtle': "var(--ds-background-accent-green-subtle, #00875A)", | ||
| 'accent.green.bolder': "var(--ds-background-accent-green-bolder, #00875A)", | ||
| 'accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest, #79E2F2)", | ||
| 'accent.teal.subtler': "var(--ds-background-accent-teal-subtler, #00C7E6)", | ||
| 'accent.teal.subtle': "var(--ds-background-accent-teal-subtle, #00A3BF)", | ||
| 'accent.teal.bolder': "var(--ds-background-accent-teal-bolder, #00A3BF)", | ||
| 'accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest, #4C9AFF)", | ||
| 'accent.blue.subtler': "var(--ds-background-accent-blue-subtler, #2684FF)", | ||
| 'accent.blue.subtle': "var(--ds-background-accent-blue-subtle, #0052CC)", | ||
| 'accent.blue.bolder': "var(--ds-background-accent-blue-bolder, #0052CC)", | ||
| 'accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest, #998DD9)", | ||
| 'accent.purple.subtler': "var(--ds-background-accent-purple-subtler, #8777D9)", | ||
| 'accent.purple.subtle': "var(--ds-background-accent-purple-subtle, #5243AA)", | ||
| 'accent.purple.bolder': "var(--ds-background-accent-purple-bolder, #5243AA)", | ||
| 'accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest, #E774BB)", | ||
| 'accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler, #E774BB)", | ||
| 'accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle, #E774BB)", | ||
| 'accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder, #E774BB)", | ||
| 'accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest, #6B778C)", | ||
| 'accent.gray.subtler': "var(--ds-background-accent-gray-subtler, #5E6C84)", | ||
| 'accent.gray.subtle': "var(--ds-background-accent-gray-subtle, #42526E)", | ||
| 'accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #505F79)", | ||
| disabled: "var(--ds-background-disabled, #091e4289)", | ||
| input: "var(--ds-background-input, #FAFBFC)", | ||
| 'input.hovered': "var(--ds-background-input-hovered, #EBECF0)", | ||
| 'input.pressed': "var(--ds-background-input-pressed, #FFFFFF)", | ||
| 'inverse.subtle': "var(--ds-background-inverse-subtle, #00000029)", | ||
| 'inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered, #0000003D)", | ||
| 'inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed, #00000052)", | ||
| neutral: "var(--ds-background-neutral, #DFE1E6)", | ||
| 'neutral.hovered': "var(--ds-background-neutral-hovered, #091e4214)", | ||
| 'neutral.pressed': "var(--ds-background-neutral-pressed, #B3D4FF)", | ||
| 'neutral.subtle': "var(--ds-background-neutral-subtle, transparent)", | ||
| 'neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered, #091e4214)", | ||
| 'neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed, #B3D4FF)", | ||
| 'neutral.bold': "var(--ds-background-neutral-bold, #42526E)", | ||
| 'neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered, #505F79)", | ||
| 'neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed, #344563)", | ||
| selected: "var(--ds-background-selected, #DEEBFF)", | ||
| 'selected.hovered': "var(--ds-background-selected-hovered, #B3D4FF)", | ||
| 'selected.pressed': "var(--ds-background-selected-pressed, #4C9AFF)", | ||
| 'selected.bold': "var(--ds-background-selected-bold, #0052CC)", | ||
| 'selected.bold.hovered': "var(--ds-background-selected-bold-hovered, #2684FF)", | ||
| 'selected.bold.pressed': "var(--ds-background-selected-bold-pressed, #0052CC)", | ||
| 'brand.bold': "var(--ds-background-brand-bold, #0052CC)", | ||
| 'brand.bold.hovered': "var(--ds-background-brand-bold-hovered, #0065FF)", | ||
| 'brand.bold.pressed': "var(--ds-background-brand-bold-pressed, #0747A6)", | ||
| danger: "var(--ds-background-danger, #FFEBE6)", | ||
| 'danger.hovered': "var(--ds-background-danger-hovered, #FFBDAD)", | ||
| 'danger.pressed': "var(--ds-background-danger-pressed, #FF8F73)", | ||
| 'danger.bold': "var(--ds-background-danger-bold, #DE350B)", | ||
| 'danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #FF5630)", | ||
| 'danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #BF2600)", | ||
| warning: "var(--ds-background-warning, #FFFAE6)", | ||
| 'warning.hovered': "var(--ds-background-warning-hovered, #FFF0B3)", | ||
| 'warning.pressed': "var(--ds-background-warning-pressed, #FFE380)", | ||
| 'warning.bold': "var(--ds-background-warning-bold, #FFAB00)", | ||
| 'warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FFC400)", | ||
| 'warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #FF991F)", | ||
| success: "var(--ds-background-success, #E3FCEF)", | ||
| 'success.hovered': "var(--ds-background-success-hovered, #ABF5D1)", | ||
| 'success.pressed': "var(--ds-background-success-pressed, #79F2C0)", | ||
| 'success.bold': "var(--ds-background-success-bold, #00875A)", | ||
| 'success.bold.hovered': "var(--ds-background-success-bold-hovered, #57D9A3)", | ||
| 'success.bold.pressed': "var(--ds-background-success-bold-pressed, #00875A)", | ||
| discovery: "var(--ds-background-discovery, #EAE6FF)", | ||
| 'discovery.hovered': "var(--ds-background-discovery-hovered, #C0B6F2)", | ||
| 'discovery.pressed': "var(--ds-background-discovery-pressed, #998DD9)", | ||
| 'discovery.bold': "var(--ds-background-discovery-bold, #5243AA)", | ||
| 'discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #8777D9)", | ||
| 'discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #5243AA)", | ||
| information: "var(--ds-background-information, #DEEBFF)", | ||
| 'information.hovered': "var(--ds-background-information-hovered, #B3D4FF)", | ||
| 'information.pressed': "var(--ds-background-information-pressed, #4C9AFF)", | ||
| 'information.bold': "var(--ds-background-information-bold, #0052CC)", | ||
| 'information.bold.hovered': "var(--ds-background-information-bold-hovered, #2684FF)", | ||
| 'information.bold.pressed': "var(--ds-background-information-bold-pressed, #0052CC)", | ||
| 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FF8F73)", | ||
| 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler, #FF7452)", | ||
| 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle, #DE350B)", | ||
| 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder, #DE350B)", | ||
| 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest, #F18D13)", | ||
| 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler, #B65C02)", | ||
| 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle, #5F3811)", | ||
| 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder, #43290F)", | ||
| 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest, #FFE380)", | ||
| 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler, #FFC400)", | ||
| 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle, #FF991F)", | ||
| 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder, #FF991F)", | ||
| 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest, #79F2C0)", | ||
| 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler, #57D9A3)", | ||
| 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle, #00875A)", | ||
| 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder, #00875A)", | ||
| 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest, #79E2F2)", | ||
| 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler, #00C7E6)", | ||
| 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle, #00A3BF)", | ||
| 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder, #00A3BF)", | ||
| 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest, #4C9AFF)", | ||
| 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler, #2684FF)", | ||
| 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle, #0052CC)", | ||
| 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder, #0052CC)", | ||
| 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest, #998DD9)", | ||
| 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler, #8777D9)", | ||
| 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle, #5243AA)", | ||
| 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder, #5243AA)", | ||
| 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest, #E774BB)", | ||
| 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler, #E774BB)", | ||
| 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle, #E774BB)", | ||
| 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder, #E774BB)", | ||
| 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest, #6B778C)", | ||
| 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler, #5E6C84)", | ||
| 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle, #42526E)", | ||
| 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #505F79)", | ||
| 'color.background.disabled': "var(--ds-background-disabled, #091e4289)", | ||
| 'color.background.input': "var(--ds-background-input, #FAFBFC)", | ||
| 'color.background.input.hovered': "var(--ds-background-input-hovered, #EBECF0)", | ||
| 'color.background.input.pressed': "var(--ds-background-input-pressed, #FFFFFF)", | ||
| 'color.background.inverse.subtle': "var(--ds-background-inverse-subtle, #00000029)", | ||
| 'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered, #0000003D)", | ||
| 'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed, #00000052)", | ||
| 'color.background.neutral': "var(--ds-background-neutral, #DFE1E6)", | ||
| 'color.background.neutral.hovered': "var(--ds-background-neutral-hovered, #091e4214)", | ||
| 'color.background.neutral.pressed': "var(--ds-background-neutral-pressed, #B3D4FF)", | ||
| 'color.background.neutral.subtle': "var(--ds-background-neutral-subtle, transparent)", | ||
| 'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered, #091e4214)", | ||
| 'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed, #B3D4FF)", | ||
| 'color.background.neutral.bold': "var(--ds-background-neutral-bold, #42526E)", | ||
| 'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered, #505F79)", | ||
| 'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed, #344563)", | ||
| 'color.background.selected': "var(--ds-background-selected, #DEEBFF)", | ||
| 'color.background.selected.hovered': "var(--ds-background-selected-hovered, #B3D4FF)", | ||
| 'color.background.selected.pressed': "var(--ds-background-selected-pressed, #4C9AFF)", | ||
| 'color.background.selected.bold': "var(--ds-background-selected-bold, #0052CC)", | ||
| 'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered, #2684FF)", | ||
| 'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed, #0052CC)", | ||
| 'color.background.brand.bold': "var(--ds-background-brand-bold, #0052CC)", | ||
| 'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered, #0065FF)", | ||
| 'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed, #0747A6)", | ||
| 'color.background.danger': "var(--ds-background-danger, #FFEBE6)", | ||
| 'color.background.danger.hovered': "var(--ds-background-danger-hovered, #FFBDAD)", | ||
| 'color.background.danger.pressed': "var(--ds-background-danger-pressed, #FF8F73)", | ||
| 'color.background.danger.bold': "var(--ds-background-danger-bold, #DE350B)", | ||
| 'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #FF5630)", | ||
| 'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #BF2600)", | ||
| 'color.background.warning': "var(--ds-background-warning, #FFFAE6)", | ||
| 'color.background.warning.hovered': "var(--ds-background-warning-hovered, #FFF0B3)", | ||
| 'color.background.warning.pressed': "var(--ds-background-warning-pressed, #FFE380)", | ||
| 'color.background.warning.bold': "var(--ds-background-warning-bold, #FFAB00)", | ||
| 'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FFC400)", | ||
| 'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #FF991F)", | ||
| 'color.background.success': "var(--ds-background-success, #E3FCEF)", | ||
| 'color.background.success.hovered': "var(--ds-background-success-hovered, #ABF5D1)", | ||
| 'color.background.success.pressed': "var(--ds-background-success-pressed, #79F2C0)", | ||
| 'color.background.success.bold': "var(--ds-background-success-bold, #00875A)", | ||
| 'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered, #57D9A3)", | ||
| 'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed, #00875A)", | ||
| 'color.background.discovery': "var(--ds-background-discovery, #EAE6FF)", | ||
| 'color.background.discovery.hovered': "var(--ds-background-discovery-hovered, #C0B6F2)", | ||
| 'color.background.discovery.pressed': "var(--ds-background-discovery-pressed, #998DD9)", | ||
| 'color.background.discovery.bold': "var(--ds-background-discovery-bold, #5243AA)", | ||
| 'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #8777D9)", | ||
| 'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #5243AA)", | ||
| 'color.background.information': "var(--ds-background-information, #DEEBFF)", | ||
| 'color.background.information.hovered': "var(--ds-background-information-hovered, #B3D4FF)", | ||
| 'color.background.information.pressed': "var(--ds-background-information-pressed, #4C9AFF)", | ||
| 'color.background.information.bold': "var(--ds-background-information-bold, #0052CC)", | ||
| 'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered, #2684FF)", | ||
| 'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed, #0052CC)", | ||
| 'color.blanket': "var(--ds-blanket, #091e4289)", | ||
@@ -204,7 +204,7 @@ 'color.blanket.selected': "var(--ds-blanket-selected, #388BFF14)", | ||
| var shadowMap = { | ||
| overflow: "var(--ds-shadow-overflow, 0px 0px 8px #091e423f, 0px 0px 1px #091e424f)", | ||
| 'overflow.perimeter': "var(--ds-shadow-overflow-perimeter, #091e421f)", | ||
| 'overflow.spread': "var(--ds-shadow-overflow-spread, #091e4229)", | ||
| overlay: "var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f)", | ||
| raised: "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)" | ||
| 'elevation.shadow.overflow': "var(--ds-shadow-overflow, 0px 0px 8px #091e423f, 0px 0px 1px #091e424f)", | ||
| 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter, #091e421f)", | ||
| 'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread, #091e4229)", | ||
| 'elevation.shadow.overlay': "var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f)", | ||
| 'elevation.shadow.raised': "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)" | ||
| }; | ||
@@ -214,32 +214,32 @@ exports.shadowMap = shadowMap; | ||
| 'color.text': "var(--ds-text, #172B4D)", | ||
| 'accent.red': "var(--ds-text-accent-red, #DE350B)", | ||
| 'accent.red.bolder': "var(--ds-text-accent-red-bolder, #BF2600)", | ||
| 'accent.orange': "var(--ds-text-accent-orange, #F18D13)", | ||
| 'accent.orange.bolder': "var(--ds-text-accent-orange-bolder, #B65C02)", | ||
| 'accent.yellow': "var(--ds-text-accent-yellow, #FF991F)", | ||
| 'accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder, #FF8B00)", | ||
| 'accent.green': "var(--ds-text-accent-green, #00875A)", | ||
| 'accent.green.bolder': "var(--ds-text-accent-green-bolder, #006644)", | ||
| 'accent.teal': "var(--ds-text-accent-teal, #00A3BF)", | ||
| 'accent.teal.bolder': "var(--ds-text-accent-teal-bolder, #008DA6)", | ||
| 'accent.blue': "var(--ds-text-accent-blue, #0052CC)", | ||
| 'accent.blue.bolder': "var(--ds-text-accent-blue-bolder, #0747A6)", | ||
| 'accent.purple': "var(--ds-text-accent-purple, #5243AA)", | ||
| 'accent.purple.bolder': "var(--ds-text-accent-purple-bolder, #403294)", | ||
| 'accent.magenta': "var(--ds-text-accent-magenta, #E774BB)", | ||
| 'accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder, #DA62AC)", | ||
| 'accent.gray': "var(--ds-text-accent-gray, #505F79)", | ||
| 'accent.gray.bolder': "var(--ds-text-accent-gray-bolder, #172B4D)", | ||
| disabled: "var(--ds-text-disabled, #A5ADBA)", | ||
| inverse: "var(--ds-text-inverse, #FFFFFF)", | ||
| selected: "var(--ds-text-selected, #0052CC)", | ||
| brand: "var(--ds-text-brand, #0065FF)", | ||
| danger: "var(--ds-text-danger, #DE350B)", | ||
| warning: "var(--ds-text-warning, #974F0C)", | ||
| 'warning.inverse': "var(--ds-text-warning-inverse, #172B4D)", | ||
| success: "var(--ds-text-success, #006644)", | ||
| discovery: "var(--ds-text-discovery, #403294)", | ||
| information: "var(--ds-text-information, #0052CC)", | ||
| subtlest: "var(--ds-text-subtlest, #7A869A)", | ||
| subtle: "var(--ds-text-subtle, #42526E)" | ||
| 'color.text.accent.red': "var(--ds-text-accent-red, #DE350B)", | ||
| 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder, #BF2600)", | ||
| 'color.text.accent.orange': "var(--ds-text-accent-orange, #F18D13)", | ||
| 'color.text.accent.orange.bolder': "var(--ds-text-accent-orange-bolder, #B65C02)", | ||
| 'color.text.accent.yellow': "var(--ds-text-accent-yellow, #FF991F)", | ||
| 'color.text.accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder, #FF8B00)", | ||
| 'color.text.accent.green': "var(--ds-text-accent-green, #00875A)", | ||
| 'color.text.accent.green.bolder': "var(--ds-text-accent-green-bolder, #006644)", | ||
| 'color.text.accent.teal': "var(--ds-text-accent-teal, #00A3BF)", | ||
| 'color.text.accent.teal.bolder': "var(--ds-text-accent-teal-bolder, #008DA6)", | ||
| 'color.text.accent.blue': "var(--ds-text-accent-blue, #0052CC)", | ||
| 'color.text.accent.blue.bolder': "var(--ds-text-accent-blue-bolder, #0747A6)", | ||
| 'color.text.accent.purple': "var(--ds-text-accent-purple, #5243AA)", | ||
| 'color.text.accent.purple.bolder': "var(--ds-text-accent-purple-bolder, #403294)", | ||
| 'color.text.accent.magenta': "var(--ds-text-accent-magenta, #E774BB)", | ||
| 'color.text.accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder, #DA62AC)", | ||
| 'color.text.accent.gray': "var(--ds-text-accent-gray, #505F79)", | ||
| 'color.text.accent.gray.bolder': "var(--ds-text-accent-gray-bolder, #172B4D)", | ||
| 'color.text.disabled': "var(--ds-text-disabled, #A5ADBA)", | ||
| 'color.text.inverse': "var(--ds-text-inverse, #FFFFFF)", | ||
| 'color.text.selected': "var(--ds-text-selected, #0052CC)", | ||
| 'color.text.brand': "var(--ds-text-brand, #0065FF)", | ||
| 'color.text.danger': "var(--ds-text-danger, #DE350B)", | ||
| 'color.text.warning': "var(--ds-text-warning, #974F0C)", | ||
| 'color.text.warning.inverse': "var(--ds-text-warning-inverse, #172B4D)", | ||
| 'color.text.success': "var(--ds-text-success, #006644)", | ||
| 'color.text.discovery': "var(--ds-text-discovery, #403294)", | ||
| 'color.text.information': "var(--ds-text-information, #0052CC)", | ||
| 'color.text.subtlest': "var(--ds-text-subtlest, #7A869A)", | ||
| 'color.text.subtle': "var(--ds-text-subtle, #42526E)" | ||
| }; | ||
@@ -249,22 +249,22 @@ exports.textColorMap = textColorMap; | ||
| 'color.icon': "var(--ds-icon, #505F79)", | ||
| 'accent.red': "var(--ds-icon-accent-red, #FF5630)", | ||
| 'accent.orange': "var(--ds-icon-accent-orange, #D94008)", | ||
| 'accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)", | ||
| 'accent.green': "var(--ds-icon-accent-green, #36B37E)", | ||
| 'accent.teal': "var(--ds-icon-accent-teal, #00B8D9)", | ||
| 'accent.blue': "var(--ds-icon-accent-blue, #0065FF)", | ||
| 'accent.purple': "var(--ds-icon-accent-purple, #6554C0)", | ||
| 'accent.magenta': "var(--ds-icon-accent-magenta, #CD519D)", | ||
| 'accent.gray': "var(--ds-icon-accent-gray, #5E6C84)", | ||
| disabled: "var(--ds-icon-disabled, #8993A4)", | ||
| inverse: "var(--ds-icon-inverse, #FFFFFF)", | ||
| selected: "var(--ds-icon-selected, #0052CC)", | ||
| brand: "var(--ds-icon-brand, #0065FF)", | ||
| danger: "var(--ds-icon-danger, #DE350B)", | ||
| warning: "var(--ds-icon-warning, #FFC400)", | ||
| 'warning.inverse': "var(--ds-icon-warning-inverse, #253858)", | ||
| success: "var(--ds-icon-success, #00875A)", | ||
| discovery: "var(--ds-icon-discovery, #8777D9)", | ||
| information: "var(--ds-icon-information, #0747A6)", | ||
| subtle: "var(--ds-icon-subtle, #6B778C)" | ||
| 'color.icon.accent.red': "var(--ds-icon-accent-red, #FF5630)", | ||
| 'color.icon.accent.orange': "var(--ds-icon-accent-orange, #D94008)", | ||
| 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)", | ||
| 'color.icon.accent.green': "var(--ds-icon-accent-green, #36B37E)", | ||
| 'color.icon.accent.teal': "var(--ds-icon-accent-teal, #00B8D9)", | ||
| 'color.icon.accent.blue': "var(--ds-icon-accent-blue, #0065FF)", | ||
| 'color.icon.accent.purple': "var(--ds-icon-accent-purple, #6554C0)", | ||
| 'color.icon.accent.magenta': "var(--ds-icon-accent-magenta, #CD519D)", | ||
| 'color.icon.accent.gray': "var(--ds-icon-accent-gray, #5E6C84)", | ||
| 'color.icon.disabled': "var(--ds-icon-disabled, #8993A4)", | ||
| 'color.icon.inverse': "var(--ds-icon-inverse, #FFFFFF)", | ||
| 'color.icon.selected': "var(--ds-icon-selected, #0052CC)", | ||
| 'color.icon.brand': "var(--ds-icon-brand, #0065FF)", | ||
| 'color.icon.danger': "var(--ds-icon-danger, #DE350B)", | ||
| 'color.icon.warning': "var(--ds-icon-warning, #FFC400)", | ||
| 'color.icon.warning.inverse': "var(--ds-icon-warning-inverse, #253858)", | ||
| 'color.icon.success': "var(--ds-icon-success, #00875A)", | ||
| 'color.icon.discovery': "var(--ds-icon-discovery, #8777D9)", | ||
| 'color.icon.information': "var(--ds-icon-information, #0747A6)", | ||
| 'color.icon.subtle': "var(--ds-icon-subtle, #6B778C)" | ||
| }; | ||
@@ -375,3 +375,3 @@ exports.fillMap = fillMap; | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::f923934816cc73cf3f82820a93df5377>> | ||
| * @codegen <<SignedSource::290c3673c7e8302a6517c5004ca82979>> | ||
| * @codegenId border | ||
@@ -383,14 +383,14 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles | ||
| var borderWidthMap = { | ||
| 'width.0': "var(--ds-width-0, 0px)", | ||
| 'width.050': "var(--ds-width-050, 1px)", | ||
| 'width.100': "var(--ds-width-100, 2px)" | ||
| 'border.width.0': "var(--ds-width-0, 0px)", | ||
| 'border.width.050': "var(--ds-width-050, 1px)", | ||
| 'border.width.100': "var(--ds-width-100, 2px)" | ||
| }; | ||
| exports.borderWidthMap = borderWidthMap; | ||
| var borderRadiusMap = { | ||
| 'radius.050': "var(--ds-radius-050, 2px)", | ||
| 'radius.100': "var(--ds-radius-100, 3px)", | ||
| 'radius.200': "var(--ds-radius-200, 8px)", | ||
| 'radius.300': "var(--ds-radius-300, 12px)", | ||
| 'radius.400': "var(--ds-radius-400, 16px)", | ||
| 'radius.round': "var(--ds-radius-round, 50%)" | ||
| 'border.radius.050': "var(--ds-radius-050, 2px)", | ||
| 'border.radius.100': "var(--ds-radius-100, 3px)", | ||
| 'border.radius.200': "var(--ds-radius-200, 8px)", | ||
| 'border.radius.300': "var(--ds-radius-300, 12px)", | ||
| 'border.radius.400': "var(--ds-radius-400, 16px)", | ||
| 'border.radius.round': "var(--ds-radius-round, 50%)" | ||
| }; | ||
@@ -397,0 +397,0 @@ |
| { | ||
| "name": "@atlaskit/primitives", | ||
| "version": "0.10.1", | ||
| "version": "0.11.0", | ||
| "sideEffects": false | ||
| } |
@@ -51,3 +51,3 @@ import { css } from '@emotion/react'; | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::98eba397b6a9706307e40f32a49200fd>> | ||
| * @codegen <<SignedSource::7d56840c81e052d4dc9e5ebb6a1a0053>> | ||
| * @codegenId colors | ||
@@ -60,116 +60,116 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles | ||
| 'color.border': "var(--ds-border, #091e4221)", | ||
| 'accent.red': "var(--ds-border-accent-red, #FF5630)", | ||
| 'accent.orange': "var(--ds-border-accent-orange, #D94008)", | ||
| 'accent.yellow': "var(--ds-border-accent-yellow, #FFAB00)", | ||
| 'accent.green': "var(--ds-border-accent-green, #36B37E)", | ||
| 'accent.teal': "var(--ds-border-accent-teal, #00B8D9)", | ||
| 'accent.blue': "var(--ds-border-accent-blue, #0065FF)", | ||
| 'accent.purple': "var(--ds-border-accent-purple, #6554C0)", | ||
| 'accent.magenta': "var(--ds-border-accent-magenta, #CD519D)", | ||
| 'accent.gray': "var(--ds-border-accent-gray, #5E6C84)", | ||
| disabled: "var(--ds-border-disabled, #FAFBFC)", | ||
| focused: "var(--ds-border-focused, #4C9AFF)", | ||
| input: "var(--ds-border-input, #FAFBFC)", | ||
| inverse: "var(--ds-border-inverse, #FFFFFF)", | ||
| selected: "var(--ds-border-selected, #0052CC)", | ||
| brand: "var(--ds-border-brand, #0052CC)", | ||
| danger: "var(--ds-border-danger, #FF5630)", | ||
| warning: "var(--ds-border-warning, #FFC400)", | ||
| success: "var(--ds-border-success, #00875A)", | ||
| discovery: "var(--ds-border-discovery, #998DD9)", | ||
| information: "var(--ds-border-information, #0065FF)", | ||
| bold: "var(--ds-border-bold, #344563)" | ||
| 'color.border.accent.red': "var(--ds-border-accent-red, #FF5630)", | ||
| 'color.border.accent.orange': "var(--ds-border-accent-orange, #D94008)", | ||
| 'color.border.accent.yellow': "var(--ds-border-accent-yellow, #FFAB00)", | ||
| 'color.border.accent.green': "var(--ds-border-accent-green, #36B37E)", | ||
| 'color.border.accent.teal': "var(--ds-border-accent-teal, #00B8D9)", | ||
| 'color.border.accent.blue': "var(--ds-border-accent-blue, #0065FF)", | ||
| 'color.border.accent.purple': "var(--ds-border-accent-purple, #6554C0)", | ||
| 'color.border.accent.magenta': "var(--ds-border-accent-magenta, #CD519D)", | ||
| 'color.border.accent.gray': "var(--ds-border-accent-gray, #5E6C84)", | ||
| 'color.border.disabled': "var(--ds-border-disabled, #FAFBFC)", | ||
| 'color.border.focused': "var(--ds-border-focused, #4C9AFF)", | ||
| 'color.border.input': "var(--ds-border-input, #FAFBFC)", | ||
| 'color.border.inverse': "var(--ds-border-inverse, #FFFFFF)", | ||
| 'color.border.selected': "var(--ds-border-selected, #0052CC)", | ||
| 'color.border.brand': "var(--ds-border-brand, #0052CC)", | ||
| 'color.border.danger': "var(--ds-border-danger, #FF5630)", | ||
| 'color.border.warning': "var(--ds-border-warning, #FFC400)", | ||
| 'color.border.success': "var(--ds-border-success, #00875A)", | ||
| 'color.border.discovery': "var(--ds-border-discovery, #998DD9)", | ||
| 'color.border.information': "var(--ds-border-information, #0065FF)", | ||
| 'color.border.bold': "var(--ds-border-bold, #344563)" | ||
| }; | ||
| export const backgroundColorMap = { | ||
| 'accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FF8F73)", | ||
| 'accent.red.subtler': "var(--ds-background-accent-red-subtler, #FF7452)", | ||
| 'accent.red.subtle': "var(--ds-background-accent-red-subtle, #DE350B)", | ||
| 'accent.red.bolder': "var(--ds-background-accent-red-bolder, #DE350B)", | ||
| 'accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest, #F18D13)", | ||
| 'accent.orange.subtler': "var(--ds-background-accent-orange-subtler, #B65C02)", | ||
| 'accent.orange.subtle': "var(--ds-background-accent-orange-subtle, #5F3811)", | ||
| 'accent.orange.bolder': "var(--ds-background-accent-orange-bolder, #43290F)", | ||
| 'accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest, #FFE380)", | ||
| 'accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler, #FFC400)", | ||
| 'accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle, #FF991F)", | ||
| 'accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder, #FF991F)", | ||
| 'accent.green.subtlest': "var(--ds-background-accent-green-subtlest, #79F2C0)", | ||
| 'accent.green.subtler': "var(--ds-background-accent-green-subtler, #57D9A3)", | ||
| 'accent.green.subtle': "var(--ds-background-accent-green-subtle, #00875A)", | ||
| 'accent.green.bolder': "var(--ds-background-accent-green-bolder, #00875A)", | ||
| 'accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest, #79E2F2)", | ||
| 'accent.teal.subtler': "var(--ds-background-accent-teal-subtler, #00C7E6)", | ||
| 'accent.teal.subtle': "var(--ds-background-accent-teal-subtle, #00A3BF)", | ||
| 'accent.teal.bolder': "var(--ds-background-accent-teal-bolder, #00A3BF)", | ||
| 'accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest, #4C9AFF)", | ||
| 'accent.blue.subtler': "var(--ds-background-accent-blue-subtler, #2684FF)", | ||
| 'accent.blue.subtle': "var(--ds-background-accent-blue-subtle, #0052CC)", | ||
| 'accent.blue.bolder': "var(--ds-background-accent-blue-bolder, #0052CC)", | ||
| 'accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest, #998DD9)", | ||
| 'accent.purple.subtler': "var(--ds-background-accent-purple-subtler, #8777D9)", | ||
| 'accent.purple.subtle': "var(--ds-background-accent-purple-subtle, #5243AA)", | ||
| 'accent.purple.bolder': "var(--ds-background-accent-purple-bolder, #5243AA)", | ||
| 'accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest, #E774BB)", | ||
| 'accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler, #E774BB)", | ||
| 'accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle, #E774BB)", | ||
| 'accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder, #E774BB)", | ||
| 'accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest, #6B778C)", | ||
| 'accent.gray.subtler': "var(--ds-background-accent-gray-subtler, #5E6C84)", | ||
| 'accent.gray.subtle': "var(--ds-background-accent-gray-subtle, #42526E)", | ||
| 'accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #505F79)", | ||
| disabled: "var(--ds-background-disabled, #091e4289)", | ||
| input: "var(--ds-background-input, #FAFBFC)", | ||
| 'input.hovered': "var(--ds-background-input-hovered, #EBECF0)", | ||
| 'input.pressed': "var(--ds-background-input-pressed, #FFFFFF)", | ||
| 'inverse.subtle': "var(--ds-background-inverse-subtle, #00000029)", | ||
| 'inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered, #0000003D)", | ||
| 'inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed, #00000052)", | ||
| neutral: "var(--ds-background-neutral, #DFE1E6)", | ||
| 'neutral.hovered': "var(--ds-background-neutral-hovered, #091e4214)", | ||
| 'neutral.pressed': "var(--ds-background-neutral-pressed, #B3D4FF)", | ||
| 'neutral.subtle': "var(--ds-background-neutral-subtle, transparent)", | ||
| 'neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered, #091e4214)", | ||
| 'neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed, #B3D4FF)", | ||
| 'neutral.bold': "var(--ds-background-neutral-bold, #42526E)", | ||
| 'neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered, #505F79)", | ||
| 'neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed, #344563)", | ||
| selected: "var(--ds-background-selected, #DEEBFF)", | ||
| 'selected.hovered': "var(--ds-background-selected-hovered, #B3D4FF)", | ||
| 'selected.pressed': "var(--ds-background-selected-pressed, #4C9AFF)", | ||
| 'selected.bold': "var(--ds-background-selected-bold, #0052CC)", | ||
| 'selected.bold.hovered': "var(--ds-background-selected-bold-hovered, #2684FF)", | ||
| 'selected.bold.pressed': "var(--ds-background-selected-bold-pressed, #0052CC)", | ||
| 'brand.bold': "var(--ds-background-brand-bold, #0052CC)", | ||
| 'brand.bold.hovered': "var(--ds-background-brand-bold-hovered, #0065FF)", | ||
| 'brand.bold.pressed': "var(--ds-background-brand-bold-pressed, #0747A6)", | ||
| danger: "var(--ds-background-danger, #FFEBE6)", | ||
| 'danger.hovered': "var(--ds-background-danger-hovered, #FFBDAD)", | ||
| 'danger.pressed': "var(--ds-background-danger-pressed, #FF8F73)", | ||
| 'danger.bold': "var(--ds-background-danger-bold, #DE350B)", | ||
| 'danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #FF5630)", | ||
| 'danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #BF2600)", | ||
| warning: "var(--ds-background-warning, #FFFAE6)", | ||
| 'warning.hovered': "var(--ds-background-warning-hovered, #FFF0B3)", | ||
| 'warning.pressed': "var(--ds-background-warning-pressed, #FFE380)", | ||
| 'warning.bold': "var(--ds-background-warning-bold, #FFAB00)", | ||
| 'warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FFC400)", | ||
| 'warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #FF991F)", | ||
| success: "var(--ds-background-success, #E3FCEF)", | ||
| 'success.hovered': "var(--ds-background-success-hovered, #ABF5D1)", | ||
| 'success.pressed': "var(--ds-background-success-pressed, #79F2C0)", | ||
| 'success.bold': "var(--ds-background-success-bold, #00875A)", | ||
| 'success.bold.hovered': "var(--ds-background-success-bold-hovered, #57D9A3)", | ||
| 'success.bold.pressed': "var(--ds-background-success-bold-pressed, #00875A)", | ||
| discovery: "var(--ds-background-discovery, #EAE6FF)", | ||
| 'discovery.hovered': "var(--ds-background-discovery-hovered, #C0B6F2)", | ||
| 'discovery.pressed': "var(--ds-background-discovery-pressed, #998DD9)", | ||
| 'discovery.bold': "var(--ds-background-discovery-bold, #5243AA)", | ||
| 'discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #8777D9)", | ||
| 'discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #5243AA)", | ||
| information: "var(--ds-background-information, #DEEBFF)", | ||
| 'information.hovered': "var(--ds-background-information-hovered, #B3D4FF)", | ||
| 'information.pressed': "var(--ds-background-information-pressed, #4C9AFF)", | ||
| 'information.bold': "var(--ds-background-information-bold, #0052CC)", | ||
| 'information.bold.hovered': "var(--ds-background-information-bold-hovered, #2684FF)", | ||
| 'information.bold.pressed': "var(--ds-background-information-bold-pressed, #0052CC)", | ||
| 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FF8F73)", | ||
| 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler, #FF7452)", | ||
| 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle, #DE350B)", | ||
| 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder, #DE350B)", | ||
| 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest, #F18D13)", | ||
| 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler, #B65C02)", | ||
| 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle, #5F3811)", | ||
| 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder, #43290F)", | ||
| 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest, #FFE380)", | ||
| 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler, #FFC400)", | ||
| 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle, #FF991F)", | ||
| 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder, #FF991F)", | ||
| 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest, #79F2C0)", | ||
| 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler, #57D9A3)", | ||
| 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle, #00875A)", | ||
| 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder, #00875A)", | ||
| 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest, #79E2F2)", | ||
| 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler, #00C7E6)", | ||
| 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle, #00A3BF)", | ||
| 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder, #00A3BF)", | ||
| 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest, #4C9AFF)", | ||
| 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler, #2684FF)", | ||
| 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle, #0052CC)", | ||
| 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder, #0052CC)", | ||
| 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest, #998DD9)", | ||
| 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler, #8777D9)", | ||
| 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle, #5243AA)", | ||
| 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder, #5243AA)", | ||
| 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest, #E774BB)", | ||
| 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler, #E774BB)", | ||
| 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle, #E774BB)", | ||
| 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder, #E774BB)", | ||
| 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest, #6B778C)", | ||
| 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler, #5E6C84)", | ||
| 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle, #42526E)", | ||
| 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #505F79)", | ||
| 'color.background.disabled': "var(--ds-background-disabled, #091e4289)", | ||
| 'color.background.input': "var(--ds-background-input, #FAFBFC)", | ||
| 'color.background.input.hovered': "var(--ds-background-input-hovered, #EBECF0)", | ||
| 'color.background.input.pressed': "var(--ds-background-input-pressed, #FFFFFF)", | ||
| 'color.background.inverse.subtle': "var(--ds-background-inverse-subtle, #00000029)", | ||
| 'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered, #0000003D)", | ||
| 'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed, #00000052)", | ||
| 'color.background.neutral': "var(--ds-background-neutral, #DFE1E6)", | ||
| 'color.background.neutral.hovered': "var(--ds-background-neutral-hovered, #091e4214)", | ||
| 'color.background.neutral.pressed': "var(--ds-background-neutral-pressed, #B3D4FF)", | ||
| 'color.background.neutral.subtle': "var(--ds-background-neutral-subtle, transparent)", | ||
| 'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered, #091e4214)", | ||
| 'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed, #B3D4FF)", | ||
| 'color.background.neutral.bold': "var(--ds-background-neutral-bold, #42526E)", | ||
| 'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered, #505F79)", | ||
| 'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed, #344563)", | ||
| 'color.background.selected': "var(--ds-background-selected, #DEEBFF)", | ||
| 'color.background.selected.hovered': "var(--ds-background-selected-hovered, #B3D4FF)", | ||
| 'color.background.selected.pressed': "var(--ds-background-selected-pressed, #4C9AFF)", | ||
| 'color.background.selected.bold': "var(--ds-background-selected-bold, #0052CC)", | ||
| 'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered, #2684FF)", | ||
| 'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed, #0052CC)", | ||
| 'color.background.brand.bold': "var(--ds-background-brand-bold, #0052CC)", | ||
| 'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered, #0065FF)", | ||
| 'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed, #0747A6)", | ||
| 'color.background.danger': "var(--ds-background-danger, #FFEBE6)", | ||
| 'color.background.danger.hovered': "var(--ds-background-danger-hovered, #FFBDAD)", | ||
| 'color.background.danger.pressed': "var(--ds-background-danger-pressed, #FF8F73)", | ||
| 'color.background.danger.bold': "var(--ds-background-danger-bold, #DE350B)", | ||
| 'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #FF5630)", | ||
| 'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #BF2600)", | ||
| 'color.background.warning': "var(--ds-background-warning, #FFFAE6)", | ||
| 'color.background.warning.hovered': "var(--ds-background-warning-hovered, #FFF0B3)", | ||
| 'color.background.warning.pressed': "var(--ds-background-warning-pressed, #FFE380)", | ||
| 'color.background.warning.bold': "var(--ds-background-warning-bold, #FFAB00)", | ||
| 'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FFC400)", | ||
| 'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #FF991F)", | ||
| 'color.background.success': "var(--ds-background-success, #E3FCEF)", | ||
| 'color.background.success.hovered': "var(--ds-background-success-hovered, #ABF5D1)", | ||
| 'color.background.success.pressed': "var(--ds-background-success-pressed, #79F2C0)", | ||
| 'color.background.success.bold': "var(--ds-background-success-bold, #00875A)", | ||
| 'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered, #57D9A3)", | ||
| 'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed, #00875A)", | ||
| 'color.background.discovery': "var(--ds-background-discovery, #EAE6FF)", | ||
| 'color.background.discovery.hovered': "var(--ds-background-discovery-hovered, #C0B6F2)", | ||
| 'color.background.discovery.pressed': "var(--ds-background-discovery-pressed, #998DD9)", | ||
| 'color.background.discovery.bold': "var(--ds-background-discovery-bold, #5243AA)", | ||
| 'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #8777D9)", | ||
| 'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #5243AA)", | ||
| 'color.background.information': "var(--ds-background-information, #DEEBFF)", | ||
| 'color.background.information.hovered': "var(--ds-background-information-hovered, #B3D4FF)", | ||
| 'color.background.information.pressed': "var(--ds-background-information-pressed, #4C9AFF)", | ||
| 'color.background.information.bold': "var(--ds-background-information-bold, #0052CC)", | ||
| 'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered, #2684FF)", | ||
| 'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed, #0052CC)", | ||
| 'color.blanket': "var(--ds-blanket, #091e4289)", | ||
@@ -190,63 +190,63 @@ 'color.blanket.selected': "var(--ds-blanket-selected, #388BFF14)", | ||
| export const shadowMap = { | ||
| overflow: "var(--ds-shadow-overflow, 0px 0px 8px #091e423f, 0px 0px 1px #091e424f)", | ||
| 'overflow.perimeter': "var(--ds-shadow-overflow-perimeter, #091e421f)", | ||
| 'overflow.spread': "var(--ds-shadow-overflow-spread, #091e4229)", | ||
| overlay: "var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f)", | ||
| raised: "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)" | ||
| 'elevation.shadow.overflow': "var(--ds-shadow-overflow, 0px 0px 8px #091e423f, 0px 0px 1px #091e424f)", | ||
| 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter, #091e421f)", | ||
| 'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread, #091e4229)", | ||
| 'elevation.shadow.overlay': "var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f)", | ||
| 'elevation.shadow.raised': "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)" | ||
| }; | ||
| export const textColorMap = { | ||
| 'color.text': "var(--ds-text, #172B4D)", | ||
| 'accent.red': "var(--ds-text-accent-red, #DE350B)", | ||
| 'accent.red.bolder': "var(--ds-text-accent-red-bolder, #BF2600)", | ||
| 'accent.orange': "var(--ds-text-accent-orange, #F18D13)", | ||
| 'accent.orange.bolder': "var(--ds-text-accent-orange-bolder, #B65C02)", | ||
| 'accent.yellow': "var(--ds-text-accent-yellow, #FF991F)", | ||
| 'accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder, #FF8B00)", | ||
| 'accent.green': "var(--ds-text-accent-green, #00875A)", | ||
| 'accent.green.bolder': "var(--ds-text-accent-green-bolder, #006644)", | ||
| 'accent.teal': "var(--ds-text-accent-teal, #00A3BF)", | ||
| 'accent.teal.bolder': "var(--ds-text-accent-teal-bolder, #008DA6)", | ||
| 'accent.blue': "var(--ds-text-accent-blue, #0052CC)", | ||
| 'accent.blue.bolder': "var(--ds-text-accent-blue-bolder, #0747A6)", | ||
| 'accent.purple': "var(--ds-text-accent-purple, #5243AA)", | ||
| 'accent.purple.bolder': "var(--ds-text-accent-purple-bolder, #403294)", | ||
| 'accent.magenta': "var(--ds-text-accent-magenta, #E774BB)", | ||
| 'accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder, #DA62AC)", | ||
| 'accent.gray': "var(--ds-text-accent-gray, #505F79)", | ||
| 'accent.gray.bolder': "var(--ds-text-accent-gray-bolder, #172B4D)", | ||
| disabled: "var(--ds-text-disabled, #A5ADBA)", | ||
| inverse: "var(--ds-text-inverse, #FFFFFF)", | ||
| selected: "var(--ds-text-selected, #0052CC)", | ||
| brand: "var(--ds-text-brand, #0065FF)", | ||
| danger: "var(--ds-text-danger, #DE350B)", | ||
| warning: "var(--ds-text-warning, #974F0C)", | ||
| 'warning.inverse': "var(--ds-text-warning-inverse, #172B4D)", | ||
| success: "var(--ds-text-success, #006644)", | ||
| discovery: "var(--ds-text-discovery, #403294)", | ||
| information: "var(--ds-text-information, #0052CC)", | ||
| subtlest: "var(--ds-text-subtlest, #7A869A)", | ||
| subtle: "var(--ds-text-subtle, #42526E)" | ||
| 'color.text.accent.red': "var(--ds-text-accent-red, #DE350B)", | ||
| 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder, #BF2600)", | ||
| 'color.text.accent.orange': "var(--ds-text-accent-orange, #F18D13)", | ||
| 'color.text.accent.orange.bolder': "var(--ds-text-accent-orange-bolder, #B65C02)", | ||
| 'color.text.accent.yellow': "var(--ds-text-accent-yellow, #FF991F)", | ||
| 'color.text.accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder, #FF8B00)", | ||
| 'color.text.accent.green': "var(--ds-text-accent-green, #00875A)", | ||
| 'color.text.accent.green.bolder': "var(--ds-text-accent-green-bolder, #006644)", | ||
| 'color.text.accent.teal': "var(--ds-text-accent-teal, #00A3BF)", | ||
| 'color.text.accent.teal.bolder': "var(--ds-text-accent-teal-bolder, #008DA6)", | ||
| 'color.text.accent.blue': "var(--ds-text-accent-blue, #0052CC)", | ||
| 'color.text.accent.blue.bolder': "var(--ds-text-accent-blue-bolder, #0747A6)", | ||
| 'color.text.accent.purple': "var(--ds-text-accent-purple, #5243AA)", | ||
| 'color.text.accent.purple.bolder': "var(--ds-text-accent-purple-bolder, #403294)", | ||
| 'color.text.accent.magenta': "var(--ds-text-accent-magenta, #E774BB)", | ||
| 'color.text.accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder, #DA62AC)", | ||
| 'color.text.accent.gray': "var(--ds-text-accent-gray, #505F79)", | ||
| 'color.text.accent.gray.bolder': "var(--ds-text-accent-gray-bolder, #172B4D)", | ||
| 'color.text.disabled': "var(--ds-text-disabled, #A5ADBA)", | ||
| 'color.text.inverse': "var(--ds-text-inverse, #FFFFFF)", | ||
| 'color.text.selected': "var(--ds-text-selected, #0052CC)", | ||
| 'color.text.brand': "var(--ds-text-brand, #0065FF)", | ||
| 'color.text.danger': "var(--ds-text-danger, #DE350B)", | ||
| 'color.text.warning': "var(--ds-text-warning, #974F0C)", | ||
| 'color.text.warning.inverse': "var(--ds-text-warning-inverse, #172B4D)", | ||
| 'color.text.success': "var(--ds-text-success, #006644)", | ||
| 'color.text.discovery': "var(--ds-text-discovery, #403294)", | ||
| 'color.text.information': "var(--ds-text-information, #0052CC)", | ||
| 'color.text.subtlest': "var(--ds-text-subtlest, #7A869A)", | ||
| 'color.text.subtle': "var(--ds-text-subtle, #42526E)" | ||
| }; | ||
| export const fillMap = { | ||
| 'color.icon': "var(--ds-icon, #505F79)", | ||
| 'accent.red': "var(--ds-icon-accent-red, #FF5630)", | ||
| 'accent.orange': "var(--ds-icon-accent-orange, #D94008)", | ||
| 'accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)", | ||
| 'accent.green': "var(--ds-icon-accent-green, #36B37E)", | ||
| 'accent.teal': "var(--ds-icon-accent-teal, #00B8D9)", | ||
| 'accent.blue': "var(--ds-icon-accent-blue, #0065FF)", | ||
| 'accent.purple': "var(--ds-icon-accent-purple, #6554C0)", | ||
| 'accent.magenta': "var(--ds-icon-accent-magenta, #CD519D)", | ||
| 'accent.gray': "var(--ds-icon-accent-gray, #5E6C84)", | ||
| disabled: "var(--ds-icon-disabled, #8993A4)", | ||
| inverse: "var(--ds-icon-inverse, #FFFFFF)", | ||
| selected: "var(--ds-icon-selected, #0052CC)", | ||
| brand: "var(--ds-icon-brand, #0065FF)", | ||
| danger: "var(--ds-icon-danger, #DE350B)", | ||
| warning: "var(--ds-icon-warning, #FFC400)", | ||
| 'warning.inverse': "var(--ds-icon-warning-inverse, #253858)", | ||
| success: "var(--ds-icon-success, #00875A)", | ||
| discovery: "var(--ds-icon-discovery, #8777D9)", | ||
| information: "var(--ds-icon-information, #0747A6)", | ||
| subtle: "var(--ds-icon-subtle, #6B778C)" | ||
| 'color.icon.accent.red': "var(--ds-icon-accent-red, #FF5630)", | ||
| 'color.icon.accent.orange': "var(--ds-icon-accent-orange, #D94008)", | ||
| 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)", | ||
| 'color.icon.accent.green': "var(--ds-icon-accent-green, #36B37E)", | ||
| 'color.icon.accent.teal': "var(--ds-icon-accent-teal, #00B8D9)", | ||
| 'color.icon.accent.blue': "var(--ds-icon-accent-blue, #0065FF)", | ||
| 'color.icon.accent.purple': "var(--ds-icon-accent-purple, #6554C0)", | ||
| 'color.icon.accent.magenta': "var(--ds-icon-accent-magenta, #CD519D)", | ||
| 'color.icon.accent.gray': "var(--ds-icon-accent-gray, #5E6C84)", | ||
| 'color.icon.disabled': "var(--ds-icon-disabled, #8993A4)", | ||
| 'color.icon.inverse': "var(--ds-icon-inverse, #FFFFFF)", | ||
| 'color.icon.selected': "var(--ds-icon-selected, #0052CC)", | ||
| 'color.icon.brand': "var(--ds-icon-brand, #0065FF)", | ||
| 'color.icon.danger': "var(--ds-icon-danger, #DE350B)", | ||
| 'color.icon.warning': "var(--ds-icon-warning, #FFC400)", | ||
| 'color.icon.warning.inverse': "var(--ds-icon-warning-inverse, #253858)", | ||
| 'color.icon.success': "var(--ds-icon-success, #00875A)", | ||
| 'color.icon.discovery': "var(--ds-icon-discovery, #8777D9)", | ||
| 'color.icon.information': "var(--ds-icon-information, #0747A6)", | ||
| 'color.icon.subtle': "var(--ds-icon-subtle, #6B778C)" | ||
| }; | ||
@@ -342,3 +342,3 @@ /** | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::f923934816cc73cf3f82820a93df5377>> | ||
| * @codegen <<SignedSource::290c3673c7e8302a6517c5004ca82979>> | ||
| * @codegenId border | ||
@@ -350,13 +350,13 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles | ||
| export const borderWidthMap = { | ||
| 'width.0': "var(--ds-width-0, 0px)", | ||
| 'width.050': "var(--ds-width-050, 1px)", | ||
| 'width.100': "var(--ds-width-100, 2px)" | ||
| 'border.width.0': "var(--ds-width-0, 0px)", | ||
| 'border.width.050': "var(--ds-width-050, 1px)", | ||
| 'border.width.100': "var(--ds-width-100, 2px)" | ||
| }; | ||
| export const borderRadiusMap = { | ||
| 'radius.050': "var(--ds-radius-050, 2px)", | ||
| 'radius.100': "var(--ds-radius-100, 3px)", | ||
| 'radius.200': "var(--ds-radius-200, 8px)", | ||
| 'radius.300': "var(--ds-radius-300, 12px)", | ||
| 'radius.400': "var(--ds-radius-400, 16px)", | ||
| 'radius.round': "var(--ds-radius-round, 50%)" | ||
| 'border.radius.050': "var(--ds-radius-050, 2px)", | ||
| 'border.radius.100': "var(--ds-radius-100, 3px)", | ||
| 'border.radius.200': "var(--ds-radius-200, 8px)", | ||
| 'border.radius.300': "var(--ds-radius-300, 12px)", | ||
| 'border.radius.400': "var(--ds-radius-400, 16px)", | ||
| 'border.radius.round': "var(--ds-radius-round, 50%)" | ||
| }; | ||
@@ -363,0 +363,0 @@ |
| { | ||
| "name": "@atlaskit/primitives", | ||
| "version": "0.10.1", | ||
| "version": "0.11.0", | ||
| "sideEffects": false | ||
| } |
@@ -52,3 +52,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty"; | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::98eba397b6a9706307e40f32a49200fd>> | ||
| * @codegen <<SignedSource::7d56840c81e052d4dc9e5ebb6a1a0053>> | ||
| * @codegenId colors | ||
@@ -61,116 +61,116 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles | ||
| 'color.border': "var(--ds-border, #091e4221)", | ||
| 'accent.red': "var(--ds-border-accent-red, #FF5630)", | ||
| 'accent.orange': "var(--ds-border-accent-orange, #D94008)", | ||
| 'accent.yellow': "var(--ds-border-accent-yellow, #FFAB00)", | ||
| 'accent.green': "var(--ds-border-accent-green, #36B37E)", | ||
| 'accent.teal': "var(--ds-border-accent-teal, #00B8D9)", | ||
| 'accent.blue': "var(--ds-border-accent-blue, #0065FF)", | ||
| 'accent.purple': "var(--ds-border-accent-purple, #6554C0)", | ||
| 'accent.magenta': "var(--ds-border-accent-magenta, #CD519D)", | ||
| 'accent.gray': "var(--ds-border-accent-gray, #5E6C84)", | ||
| disabled: "var(--ds-border-disabled, #FAFBFC)", | ||
| focused: "var(--ds-border-focused, #4C9AFF)", | ||
| input: "var(--ds-border-input, #FAFBFC)", | ||
| inverse: "var(--ds-border-inverse, #FFFFFF)", | ||
| selected: "var(--ds-border-selected, #0052CC)", | ||
| brand: "var(--ds-border-brand, #0052CC)", | ||
| danger: "var(--ds-border-danger, #FF5630)", | ||
| warning: "var(--ds-border-warning, #FFC400)", | ||
| success: "var(--ds-border-success, #00875A)", | ||
| discovery: "var(--ds-border-discovery, #998DD9)", | ||
| information: "var(--ds-border-information, #0065FF)", | ||
| bold: "var(--ds-border-bold, #344563)" | ||
| 'color.border.accent.red': "var(--ds-border-accent-red, #FF5630)", | ||
| 'color.border.accent.orange': "var(--ds-border-accent-orange, #D94008)", | ||
| 'color.border.accent.yellow': "var(--ds-border-accent-yellow, #FFAB00)", | ||
| 'color.border.accent.green': "var(--ds-border-accent-green, #36B37E)", | ||
| 'color.border.accent.teal': "var(--ds-border-accent-teal, #00B8D9)", | ||
| 'color.border.accent.blue': "var(--ds-border-accent-blue, #0065FF)", | ||
| 'color.border.accent.purple': "var(--ds-border-accent-purple, #6554C0)", | ||
| 'color.border.accent.magenta': "var(--ds-border-accent-magenta, #CD519D)", | ||
| 'color.border.accent.gray': "var(--ds-border-accent-gray, #5E6C84)", | ||
| 'color.border.disabled': "var(--ds-border-disabled, #FAFBFC)", | ||
| 'color.border.focused': "var(--ds-border-focused, #4C9AFF)", | ||
| 'color.border.input': "var(--ds-border-input, #FAFBFC)", | ||
| 'color.border.inverse': "var(--ds-border-inverse, #FFFFFF)", | ||
| 'color.border.selected': "var(--ds-border-selected, #0052CC)", | ||
| 'color.border.brand': "var(--ds-border-brand, #0052CC)", | ||
| 'color.border.danger': "var(--ds-border-danger, #FF5630)", | ||
| 'color.border.warning': "var(--ds-border-warning, #FFC400)", | ||
| 'color.border.success': "var(--ds-border-success, #00875A)", | ||
| 'color.border.discovery': "var(--ds-border-discovery, #998DD9)", | ||
| 'color.border.information': "var(--ds-border-information, #0065FF)", | ||
| 'color.border.bold': "var(--ds-border-bold, #344563)" | ||
| }; | ||
| export var backgroundColorMap = { | ||
| 'accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FF8F73)", | ||
| 'accent.red.subtler': "var(--ds-background-accent-red-subtler, #FF7452)", | ||
| 'accent.red.subtle': "var(--ds-background-accent-red-subtle, #DE350B)", | ||
| 'accent.red.bolder': "var(--ds-background-accent-red-bolder, #DE350B)", | ||
| 'accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest, #F18D13)", | ||
| 'accent.orange.subtler': "var(--ds-background-accent-orange-subtler, #B65C02)", | ||
| 'accent.orange.subtle': "var(--ds-background-accent-orange-subtle, #5F3811)", | ||
| 'accent.orange.bolder': "var(--ds-background-accent-orange-bolder, #43290F)", | ||
| 'accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest, #FFE380)", | ||
| 'accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler, #FFC400)", | ||
| 'accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle, #FF991F)", | ||
| 'accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder, #FF991F)", | ||
| 'accent.green.subtlest': "var(--ds-background-accent-green-subtlest, #79F2C0)", | ||
| 'accent.green.subtler': "var(--ds-background-accent-green-subtler, #57D9A3)", | ||
| 'accent.green.subtle': "var(--ds-background-accent-green-subtle, #00875A)", | ||
| 'accent.green.bolder': "var(--ds-background-accent-green-bolder, #00875A)", | ||
| 'accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest, #79E2F2)", | ||
| 'accent.teal.subtler': "var(--ds-background-accent-teal-subtler, #00C7E6)", | ||
| 'accent.teal.subtle': "var(--ds-background-accent-teal-subtle, #00A3BF)", | ||
| 'accent.teal.bolder': "var(--ds-background-accent-teal-bolder, #00A3BF)", | ||
| 'accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest, #4C9AFF)", | ||
| 'accent.blue.subtler': "var(--ds-background-accent-blue-subtler, #2684FF)", | ||
| 'accent.blue.subtle': "var(--ds-background-accent-blue-subtle, #0052CC)", | ||
| 'accent.blue.bolder': "var(--ds-background-accent-blue-bolder, #0052CC)", | ||
| 'accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest, #998DD9)", | ||
| 'accent.purple.subtler': "var(--ds-background-accent-purple-subtler, #8777D9)", | ||
| 'accent.purple.subtle': "var(--ds-background-accent-purple-subtle, #5243AA)", | ||
| 'accent.purple.bolder': "var(--ds-background-accent-purple-bolder, #5243AA)", | ||
| 'accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest, #E774BB)", | ||
| 'accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler, #E774BB)", | ||
| 'accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle, #E774BB)", | ||
| 'accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder, #E774BB)", | ||
| 'accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest, #6B778C)", | ||
| 'accent.gray.subtler': "var(--ds-background-accent-gray-subtler, #5E6C84)", | ||
| 'accent.gray.subtle': "var(--ds-background-accent-gray-subtle, #42526E)", | ||
| 'accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #505F79)", | ||
| disabled: "var(--ds-background-disabled, #091e4289)", | ||
| input: "var(--ds-background-input, #FAFBFC)", | ||
| 'input.hovered': "var(--ds-background-input-hovered, #EBECF0)", | ||
| 'input.pressed': "var(--ds-background-input-pressed, #FFFFFF)", | ||
| 'inverse.subtle': "var(--ds-background-inverse-subtle, #00000029)", | ||
| 'inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered, #0000003D)", | ||
| 'inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed, #00000052)", | ||
| neutral: "var(--ds-background-neutral, #DFE1E6)", | ||
| 'neutral.hovered': "var(--ds-background-neutral-hovered, #091e4214)", | ||
| 'neutral.pressed': "var(--ds-background-neutral-pressed, #B3D4FF)", | ||
| 'neutral.subtle': "var(--ds-background-neutral-subtle, transparent)", | ||
| 'neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered, #091e4214)", | ||
| 'neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed, #B3D4FF)", | ||
| 'neutral.bold': "var(--ds-background-neutral-bold, #42526E)", | ||
| 'neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered, #505F79)", | ||
| 'neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed, #344563)", | ||
| selected: "var(--ds-background-selected, #DEEBFF)", | ||
| 'selected.hovered': "var(--ds-background-selected-hovered, #B3D4FF)", | ||
| 'selected.pressed': "var(--ds-background-selected-pressed, #4C9AFF)", | ||
| 'selected.bold': "var(--ds-background-selected-bold, #0052CC)", | ||
| 'selected.bold.hovered': "var(--ds-background-selected-bold-hovered, #2684FF)", | ||
| 'selected.bold.pressed': "var(--ds-background-selected-bold-pressed, #0052CC)", | ||
| 'brand.bold': "var(--ds-background-brand-bold, #0052CC)", | ||
| 'brand.bold.hovered': "var(--ds-background-brand-bold-hovered, #0065FF)", | ||
| 'brand.bold.pressed': "var(--ds-background-brand-bold-pressed, #0747A6)", | ||
| danger: "var(--ds-background-danger, #FFEBE6)", | ||
| 'danger.hovered': "var(--ds-background-danger-hovered, #FFBDAD)", | ||
| 'danger.pressed': "var(--ds-background-danger-pressed, #FF8F73)", | ||
| 'danger.bold': "var(--ds-background-danger-bold, #DE350B)", | ||
| 'danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #FF5630)", | ||
| 'danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #BF2600)", | ||
| warning: "var(--ds-background-warning, #FFFAE6)", | ||
| 'warning.hovered': "var(--ds-background-warning-hovered, #FFF0B3)", | ||
| 'warning.pressed': "var(--ds-background-warning-pressed, #FFE380)", | ||
| 'warning.bold': "var(--ds-background-warning-bold, #FFAB00)", | ||
| 'warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FFC400)", | ||
| 'warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #FF991F)", | ||
| success: "var(--ds-background-success, #E3FCEF)", | ||
| 'success.hovered': "var(--ds-background-success-hovered, #ABF5D1)", | ||
| 'success.pressed': "var(--ds-background-success-pressed, #79F2C0)", | ||
| 'success.bold': "var(--ds-background-success-bold, #00875A)", | ||
| 'success.bold.hovered': "var(--ds-background-success-bold-hovered, #57D9A3)", | ||
| 'success.bold.pressed': "var(--ds-background-success-bold-pressed, #00875A)", | ||
| discovery: "var(--ds-background-discovery, #EAE6FF)", | ||
| 'discovery.hovered': "var(--ds-background-discovery-hovered, #C0B6F2)", | ||
| 'discovery.pressed': "var(--ds-background-discovery-pressed, #998DD9)", | ||
| 'discovery.bold': "var(--ds-background-discovery-bold, #5243AA)", | ||
| 'discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #8777D9)", | ||
| 'discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #5243AA)", | ||
| information: "var(--ds-background-information, #DEEBFF)", | ||
| 'information.hovered': "var(--ds-background-information-hovered, #B3D4FF)", | ||
| 'information.pressed': "var(--ds-background-information-pressed, #4C9AFF)", | ||
| 'information.bold': "var(--ds-background-information-bold, #0052CC)", | ||
| 'information.bold.hovered': "var(--ds-background-information-bold-hovered, #2684FF)", | ||
| 'information.bold.pressed': "var(--ds-background-information-bold-pressed, #0052CC)", | ||
| 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FF8F73)", | ||
| 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler, #FF7452)", | ||
| 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle, #DE350B)", | ||
| 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder, #DE350B)", | ||
| 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest, #F18D13)", | ||
| 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler, #B65C02)", | ||
| 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle, #5F3811)", | ||
| 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder, #43290F)", | ||
| 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest, #FFE380)", | ||
| 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler, #FFC400)", | ||
| 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle, #FF991F)", | ||
| 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder, #FF991F)", | ||
| 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest, #79F2C0)", | ||
| 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler, #57D9A3)", | ||
| 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle, #00875A)", | ||
| 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder, #00875A)", | ||
| 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest, #79E2F2)", | ||
| 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler, #00C7E6)", | ||
| 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle, #00A3BF)", | ||
| 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder, #00A3BF)", | ||
| 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest, #4C9AFF)", | ||
| 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler, #2684FF)", | ||
| 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle, #0052CC)", | ||
| 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder, #0052CC)", | ||
| 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest, #998DD9)", | ||
| 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler, #8777D9)", | ||
| 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle, #5243AA)", | ||
| 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder, #5243AA)", | ||
| 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest, #E774BB)", | ||
| 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler, #E774BB)", | ||
| 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle, #E774BB)", | ||
| 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder, #E774BB)", | ||
| 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest, #6B778C)", | ||
| 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler, #5E6C84)", | ||
| 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle, #42526E)", | ||
| 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #505F79)", | ||
| 'color.background.disabled': "var(--ds-background-disabled, #091e4289)", | ||
| 'color.background.input': "var(--ds-background-input, #FAFBFC)", | ||
| 'color.background.input.hovered': "var(--ds-background-input-hovered, #EBECF0)", | ||
| 'color.background.input.pressed': "var(--ds-background-input-pressed, #FFFFFF)", | ||
| 'color.background.inverse.subtle': "var(--ds-background-inverse-subtle, #00000029)", | ||
| 'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered, #0000003D)", | ||
| 'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed, #00000052)", | ||
| 'color.background.neutral': "var(--ds-background-neutral, #DFE1E6)", | ||
| 'color.background.neutral.hovered': "var(--ds-background-neutral-hovered, #091e4214)", | ||
| 'color.background.neutral.pressed': "var(--ds-background-neutral-pressed, #B3D4FF)", | ||
| 'color.background.neutral.subtle': "var(--ds-background-neutral-subtle, transparent)", | ||
| 'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered, #091e4214)", | ||
| 'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed, #B3D4FF)", | ||
| 'color.background.neutral.bold': "var(--ds-background-neutral-bold, #42526E)", | ||
| 'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered, #505F79)", | ||
| 'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed, #344563)", | ||
| 'color.background.selected': "var(--ds-background-selected, #DEEBFF)", | ||
| 'color.background.selected.hovered': "var(--ds-background-selected-hovered, #B3D4FF)", | ||
| 'color.background.selected.pressed': "var(--ds-background-selected-pressed, #4C9AFF)", | ||
| 'color.background.selected.bold': "var(--ds-background-selected-bold, #0052CC)", | ||
| 'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered, #2684FF)", | ||
| 'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed, #0052CC)", | ||
| 'color.background.brand.bold': "var(--ds-background-brand-bold, #0052CC)", | ||
| 'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered, #0065FF)", | ||
| 'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed, #0747A6)", | ||
| 'color.background.danger': "var(--ds-background-danger, #FFEBE6)", | ||
| 'color.background.danger.hovered': "var(--ds-background-danger-hovered, #FFBDAD)", | ||
| 'color.background.danger.pressed': "var(--ds-background-danger-pressed, #FF8F73)", | ||
| 'color.background.danger.bold': "var(--ds-background-danger-bold, #DE350B)", | ||
| 'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #FF5630)", | ||
| 'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #BF2600)", | ||
| 'color.background.warning': "var(--ds-background-warning, #FFFAE6)", | ||
| 'color.background.warning.hovered': "var(--ds-background-warning-hovered, #FFF0B3)", | ||
| 'color.background.warning.pressed': "var(--ds-background-warning-pressed, #FFE380)", | ||
| 'color.background.warning.bold': "var(--ds-background-warning-bold, #FFAB00)", | ||
| 'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FFC400)", | ||
| 'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #FF991F)", | ||
| 'color.background.success': "var(--ds-background-success, #E3FCEF)", | ||
| 'color.background.success.hovered': "var(--ds-background-success-hovered, #ABF5D1)", | ||
| 'color.background.success.pressed': "var(--ds-background-success-pressed, #79F2C0)", | ||
| 'color.background.success.bold': "var(--ds-background-success-bold, #00875A)", | ||
| 'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered, #57D9A3)", | ||
| 'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed, #00875A)", | ||
| 'color.background.discovery': "var(--ds-background-discovery, #EAE6FF)", | ||
| 'color.background.discovery.hovered': "var(--ds-background-discovery-hovered, #C0B6F2)", | ||
| 'color.background.discovery.pressed': "var(--ds-background-discovery-pressed, #998DD9)", | ||
| 'color.background.discovery.bold': "var(--ds-background-discovery-bold, #5243AA)", | ||
| 'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #8777D9)", | ||
| 'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #5243AA)", | ||
| 'color.background.information': "var(--ds-background-information, #DEEBFF)", | ||
| 'color.background.information.hovered': "var(--ds-background-information-hovered, #B3D4FF)", | ||
| 'color.background.information.pressed': "var(--ds-background-information-pressed, #4C9AFF)", | ||
| 'color.background.information.bold': "var(--ds-background-information-bold, #0052CC)", | ||
| 'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered, #2684FF)", | ||
| 'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed, #0052CC)", | ||
| 'color.blanket': "var(--ds-blanket, #091e4289)", | ||
@@ -191,63 +191,63 @@ 'color.blanket.selected': "var(--ds-blanket-selected, #388BFF14)", | ||
| export var shadowMap = { | ||
| overflow: "var(--ds-shadow-overflow, 0px 0px 8px #091e423f, 0px 0px 1px #091e424f)", | ||
| 'overflow.perimeter': "var(--ds-shadow-overflow-perimeter, #091e421f)", | ||
| 'overflow.spread': "var(--ds-shadow-overflow-spread, #091e4229)", | ||
| overlay: "var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f)", | ||
| raised: "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)" | ||
| 'elevation.shadow.overflow': "var(--ds-shadow-overflow, 0px 0px 8px #091e423f, 0px 0px 1px #091e424f)", | ||
| 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter, #091e421f)", | ||
| 'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread, #091e4229)", | ||
| 'elevation.shadow.overlay': "var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f)", | ||
| 'elevation.shadow.raised': "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)" | ||
| }; | ||
| export var textColorMap = { | ||
| 'color.text': "var(--ds-text, #172B4D)", | ||
| 'accent.red': "var(--ds-text-accent-red, #DE350B)", | ||
| 'accent.red.bolder': "var(--ds-text-accent-red-bolder, #BF2600)", | ||
| 'accent.orange': "var(--ds-text-accent-orange, #F18D13)", | ||
| 'accent.orange.bolder': "var(--ds-text-accent-orange-bolder, #B65C02)", | ||
| 'accent.yellow': "var(--ds-text-accent-yellow, #FF991F)", | ||
| 'accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder, #FF8B00)", | ||
| 'accent.green': "var(--ds-text-accent-green, #00875A)", | ||
| 'accent.green.bolder': "var(--ds-text-accent-green-bolder, #006644)", | ||
| 'accent.teal': "var(--ds-text-accent-teal, #00A3BF)", | ||
| 'accent.teal.bolder': "var(--ds-text-accent-teal-bolder, #008DA6)", | ||
| 'accent.blue': "var(--ds-text-accent-blue, #0052CC)", | ||
| 'accent.blue.bolder': "var(--ds-text-accent-blue-bolder, #0747A6)", | ||
| 'accent.purple': "var(--ds-text-accent-purple, #5243AA)", | ||
| 'accent.purple.bolder': "var(--ds-text-accent-purple-bolder, #403294)", | ||
| 'accent.magenta': "var(--ds-text-accent-magenta, #E774BB)", | ||
| 'accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder, #DA62AC)", | ||
| 'accent.gray': "var(--ds-text-accent-gray, #505F79)", | ||
| 'accent.gray.bolder': "var(--ds-text-accent-gray-bolder, #172B4D)", | ||
| disabled: "var(--ds-text-disabled, #A5ADBA)", | ||
| inverse: "var(--ds-text-inverse, #FFFFFF)", | ||
| selected: "var(--ds-text-selected, #0052CC)", | ||
| brand: "var(--ds-text-brand, #0065FF)", | ||
| danger: "var(--ds-text-danger, #DE350B)", | ||
| warning: "var(--ds-text-warning, #974F0C)", | ||
| 'warning.inverse': "var(--ds-text-warning-inverse, #172B4D)", | ||
| success: "var(--ds-text-success, #006644)", | ||
| discovery: "var(--ds-text-discovery, #403294)", | ||
| information: "var(--ds-text-information, #0052CC)", | ||
| subtlest: "var(--ds-text-subtlest, #7A869A)", | ||
| subtle: "var(--ds-text-subtle, #42526E)" | ||
| 'color.text.accent.red': "var(--ds-text-accent-red, #DE350B)", | ||
| 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder, #BF2600)", | ||
| 'color.text.accent.orange': "var(--ds-text-accent-orange, #F18D13)", | ||
| 'color.text.accent.orange.bolder': "var(--ds-text-accent-orange-bolder, #B65C02)", | ||
| 'color.text.accent.yellow': "var(--ds-text-accent-yellow, #FF991F)", | ||
| 'color.text.accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder, #FF8B00)", | ||
| 'color.text.accent.green': "var(--ds-text-accent-green, #00875A)", | ||
| 'color.text.accent.green.bolder': "var(--ds-text-accent-green-bolder, #006644)", | ||
| 'color.text.accent.teal': "var(--ds-text-accent-teal, #00A3BF)", | ||
| 'color.text.accent.teal.bolder': "var(--ds-text-accent-teal-bolder, #008DA6)", | ||
| 'color.text.accent.blue': "var(--ds-text-accent-blue, #0052CC)", | ||
| 'color.text.accent.blue.bolder': "var(--ds-text-accent-blue-bolder, #0747A6)", | ||
| 'color.text.accent.purple': "var(--ds-text-accent-purple, #5243AA)", | ||
| 'color.text.accent.purple.bolder': "var(--ds-text-accent-purple-bolder, #403294)", | ||
| 'color.text.accent.magenta': "var(--ds-text-accent-magenta, #E774BB)", | ||
| 'color.text.accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder, #DA62AC)", | ||
| 'color.text.accent.gray': "var(--ds-text-accent-gray, #505F79)", | ||
| 'color.text.accent.gray.bolder': "var(--ds-text-accent-gray-bolder, #172B4D)", | ||
| 'color.text.disabled': "var(--ds-text-disabled, #A5ADBA)", | ||
| 'color.text.inverse': "var(--ds-text-inverse, #FFFFFF)", | ||
| 'color.text.selected': "var(--ds-text-selected, #0052CC)", | ||
| 'color.text.brand': "var(--ds-text-brand, #0065FF)", | ||
| 'color.text.danger': "var(--ds-text-danger, #DE350B)", | ||
| 'color.text.warning': "var(--ds-text-warning, #974F0C)", | ||
| 'color.text.warning.inverse': "var(--ds-text-warning-inverse, #172B4D)", | ||
| 'color.text.success': "var(--ds-text-success, #006644)", | ||
| 'color.text.discovery': "var(--ds-text-discovery, #403294)", | ||
| 'color.text.information': "var(--ds-text-information, #0052CC)", | ||
| 'color.text.subtlest': "var(--ds-text-subtlest, #7A869A)", | ||
| 'color.text.subtle': "var(--ds-text-subtle, #42526E)" | ||
| }; | ||
| export var fillMap = { | ||
| 'color.icon': "var(--ds-icon, #505F79)", | ||
| 'accent.red': "var(--ds-icon-accent-red, #FF5630)", | ||
| 'accent.orange': "var(--ds-icon-accent-orange, #D94008)", | ||
| 'accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)", | ||
| 'accent.green': "var(--ds-icon-accent-green, #36B37E)", | ||
| 'accent.teal': "var(--ds-icon-accent-teal, #00B8D9)", | ||
| 'accent.blue': "var(--ds-icon-accent-blue, #0065FF)", | ||
| 'accent.purple': "var(--ds-icon-accent-purple, #6554C0)", | ||
| 'accent.magenta': "var(--ds-icon-accent-magenta, #CD519D)", | ||
| 'accent.gray': "var(--ds-icon-accent-gray, #5E6C84)", | ||
| disabled: "var(--ds-icon-disabled, #8993A4)", | ||
| inverse: "var(--ds-icon-inverse, #FFFFFF)", | ||
| selected: "var(--ds-icon-selected, #0052CC)", | ||
| brand: "var(--ds-icon-brand, #0065FF)", | ||
| danger: "var(--ds-icon-danger, #DE350B)", | ||
| warning: "var(--ds-icon-warning, #FFC400)", | ||
| 'warning.inverse': "var(--ds-icon-warning-inverse, #253858)", | ||
| success: "var(--ds-icon-success, #00875A)", | ||
| discovery: "var(--ds-icon-discovery, #8777D9)", | ||
| information: "var(--ds-icon-information, #0747A6)", | ||
| subtle: "var(--ds-icon-subtle, #6B778C)" | ||
| 'color.icon.accent.red': "var(--ds-icon-accent-red, #FF5630)", | ||
| 'color.icon.accent.orange': "var(--ds-icon-accent-orange, #D94008)", | ||
| 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)", | ||
| 'color.icon.accent.green': "var(--ds-icon-accent-green, #36B37E)", | ||
| 'color.icon.accent.teal': "var(--ds-icon-accent-teal, #00B8D9)", | ||
| 'color.icon.accent.blue': "var(--ds-icon-accent-blue, #0065FF)", | ||
| 'color.icon.accent.purple': "var(--ds-icon-accent-purple, #6554C0)", | ||
| 'color.icon.accent.magenta': "var(--ds-icon-accent-magenta, #CD519D)", | ||
| 'color.icon.accent.gray': "var(--ds-icon-accent-gray, #5E6C84)", | ||
| 'color.icon.disabled': "var(--ds-icon-disabled, #8993A4)", | ||
| 'color.icon.inverse': "var(--ds-icon-inverse, #FFFFFF)", | ||
| 'color.icon.selected': "var(--ds-icon-selected, #0052CC)", | ||
| 'color.icon.brand': "var(--ds-icon-brand, #0065FF)", | ||
| 'color.icon.danger': "var(--ds-icon-danger, #DE350B)", | ||
| 'color.icon.warning': "var(--ds-icon-warning, #FFC400)", | ||
| 'color.icon.warning.inverse': "var(--ds-icon-warning-inverse, #253858)", | ||
| 'color.icon.success': "var(--ds-icon-success, #00875A)", | ||
| 'color.icon.discovery': "var(--ds-icon-discovery, #8777D9)", | ||
| 'color.icon.information': "var(--ds-icon-information, #0747A6)", | ||
| 'color.icon.subtle': "var(--ds-icon-subtle, #6B778C)" | ||
| }; | ||
@@ -343,3 +343,3 @@ /** | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::f923934816cc73cf3f82820a93df5377>> | ||
| * @codegen <<SignedSource::290c3673c7e8302a6517c5004ca82979>> | ||
| * @codegenId border | ||
@@ -351,13 +351,13 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles | ||
| export var borderWidthMap = { | ||
| 'width.0': "var(--ds-width-0, 0px)", | ||
| 'width.050': "var(--ds-width-050, 1px)", | ||
| 'width.100': "var(--ds-width-100, 2px)" | ||
| 'border.width.0': "var(--ds-width-0, 0px)", | ||
| 'border.width.050': "var(--ds-width-050, 1px)", | ||
| 'border.width.100': "var(--ds-width-100, 2px)" | ||
| }; | ||
| export var borderRadiusMap = { | ||
| 'radius.050': "var(--ds-radius-050, 2px)", | ||
| 'radius.100': "var(--ds-radius-100, 3px)", | ||
| 'radius.200': "var(--ds-radius-200, 8px)", | ||
| 'radius.300': "var(--ds-radius-300, 12px)", | ||
| 'radius.400': "var(--ds-radius-400, 16px)", | ||
| 'radius.round': "var(--ds-radius-round, 50%)" | ||
| 'border.radius.050': "var(--ds-radius-050, 2px)", | ||
| 'border.radius.100': "var(--ds-radius-100, 3px)", | ||
| 'border.radius.200': "var(--ds-radius-200, 8px)", | ||
| 'border.radius.300': "var(--ds-radius-300, 12px)", | ||
| 'border.radius.400': "var(--ds-radius-400, 16px)", | ||
| 'border.radius.round': "var(--ds-radius-round, 50%)" | ||
| }; | ||
@@ -364,0 +364,0 @@ |
@@ -69,3 +69,3 @@ import { SerializedStyles } from '@emotion/react'; | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::98eba397b6a9706307e40f32a49200fd>> | ||
| * @codegen <<SignedSource::7d56840c81e052d4dc9e5ebb6a1a0053>> | ||
| * @codegenId colors | ||
@@ -78,117 +78,117 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles | ||
| readonly 'color.border': "var(--ds-border)"; | ||
| readonly 'accent.red': "var(--ds-border-accent-red)"; | ||
| readonly 'accent.orange': "var(--ds-border-accent-orange)"; | ||
| readonly 'accent.yellow': "var(--ds-border-accent-yellow)"; | ||
| readonly 'accent.green': "var(--ds-border-accent-green)"; | ||
| readonly 'accent.teal': "var(--ds-border-accent-teal)"; | ||
| readonly 'accent.blue': "var(--ds-border-accent-blue)"; | ||
| readonly 'accent.purple': "var(--ds-border-accent-purple)"; | ||
| readonly 'accent.magenta': "var(--ds-border-accent-magenta)"; | ||
| readonly 'accent.gray': "var(--ds-border-accent-gray)"; | ||
| readonly disabled: "var(--ds-border-disabled)"; | ||
| readonly focused: "var(--ds-border-focused)"; | ||
| readonly input: "var(--ds-border-input)"; | ||
| readonly inverse: "var(--ds-border-inverse)"; | ||
| readonly selected: "var(--ds-border-selected)"; | ||
| readonly brand: "var(--ds-border-brand)"; | ||
| readonly danger: "var(--ds-border-danger)"; | ||
| readonly warning: "var(--ds-border-warning)"; | ||
| readonly success: "var(--ds-border-success)"; | ||
| readonly discovery: "var(--ds-border-discovery)"; | ||
| readonly information: "var(--ds-border-information)"; | ||
| readonly bold: "var(--ds-border-bold)"; | ||
| readonly 'color.border.accent.red': "var(--ds-border-accent-red)"; | ||
| readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)"; | ||
| readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)"; | ||
| readonly 'color.border.accent.green': "var(--ds-border-accent-green)"; | ||
| readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)"; | ||
| readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)"; | ||
| readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)"; | ||
| readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)"; | ||
| readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)"; | ||
| readonly 'color.border.disabled': "var(--ds-border-disabled)"; | ||
| readonly 'color.border.focused': "var(--ds-border-focused)"; | ||
| readonly 'color.border.input': "var(--ds-border-input)"; | ||
| readonly 'color.border.inverse': "var(--ds-border-inverse)"; | ||
| readonly 'color.border.selected': "var(--ds-border-selected)"; | ||
| readonly 'color.border.brand': "var(--ds-border-brand)"; | ||
| readonly 'color.border.danger': "var(--ds-border-danger)"; | ||
| readonly 'color.border.warning': "var(--ds-border-warning)"; | ||
| readonly 'color.border.success': "var(--ds-border-success)"; | ||
| readonly 'color.border.discovery': "var(--ds-border-discovery)"; | ||
| readonly 'color.border.information': "var(--ds-border-information)"; | ||
| readonly 'color.border.bold': "var(--ds-border-bold)"; | ||
| }; | ||
| export type BorderColor = keyof typeof borderColorMap; | ||
| export declare const backgroundColorMap: { | ||
| readonly 'accent.red.subtlest': "var(--ds-background-accent-red-subtlest)"; | ||
| readonly 'accent.red.subtler': "var(--ds-background-accent-red-subtler)"; | ||
| readonly 'accent.red.subtle': "var(--ds-background-accent-red-subtle)"; | ||
| readonly 'accent.red.bolder': "var(--ds-background-accent-red-bolder)"; | ||
| readonly 'accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)"; | ||
| readonly 'accent.orange.subtler': "var(--ds-background-accent-orange-subtler)"; | ||
| readonly 'accent.orange.subtle': "var(--ds-background-accent-orange-subtle)"; | ||
| readonly 'accent.orange.bolder': "var(--ds-background-accent-orange-bolder)"; | ||
| readonly 'accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)"; | ||
| readonly 'accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)"; | ||
| readonly 'accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)"; | ||
| readonly 'accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)"; | ||
| readonly 'accent.green.subtlest': "var(--ds-background-accent-green-subtlest)"; | ||
| readonly 'accent.green.subtler': "var(--ds-background-accent-green-subtler)"; | ||
| readonly 'accent.green.subtle': "var(--ds-background-accent-green-subtle)"; | ||
| readonly 'accent.green.bolder': "var(--ds-background-accent-green-bolder)"; | ||
| readonly 'accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)"; | ||
| readonly 'accent.teal.subtler': "var(--ds-background-accent-teal-subtler)"; | ||
| readonly 'accent.teal.subtle': "var(--ds-background-accent-teal-subtle)"; | ||
| readonly 'accent.teal.bolder': "var(--ds-background-accent-teal-bolder)"; | ||
| readonly 'accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)"; | ||
| readonly 'accent.blue.subtler': "var(--ds-background-accent-blue-subtler)"; | ||
| readonly 'accent.blue.subtle': "var(--ds-background-accent-blue-subtle)"; | ||
| readonly 'accent.blue.bolder': "var(--ds-background-accent-blue-bolder)"; | ||
| readonly 'accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)"; | ||
| readonly 'accent.purple.subtler': "var(--ds-background-accent-purple-subtler)"; | ||
| readonly 'accent.purple.subtle': "var(--ds-background-accent-purple-subtle)"; | ||
| readonly 'accent.purple.bolder': "var(--ds-background-accent-purple-bolder)"; | ||
| readonly 'accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)"; | ||
| readonly 'accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)"; | ||
| readonly 'accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)"; | ||
| readonly 'accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)"; | ||
| readonly 'accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)"; | ||
| readonly 'accent.gray.subtler': "var(--ds-background-accent-gray-subtler)"; | ||
| readonly 'accent.gray.subtle': "var(--ds-background-accent-gray-subtle)"; | ||
| readonly 'accent.gray.bolder': "var(--ds-background-accent-gray-bolder)"; | ||
| readonly disabled: "var(--ds-background-disabled)"; | ||
| readonly input: "var(--ds-background-input)"; | ||
| readonly 'input.hovered': "var(--ds-background-input-hovered)"; | ||
| readonly 'input.pressed': "var(--ds-background-input-pressed)"; | ||
| readonly 'inverse.subtle': "var(--ds-background-inverse-subtle)"; | ||
| readonly 'inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)"; | ||
| readonly 'inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)"; | ||
| readonly neutral: "var(--ds-background-neutral)"; | ||
| readonly 'neutral.hovered': "var(--ds-background-neutral-hovered)"; | ||
| readonly 'neutral.pressed': "var(--ds-background-neutral-pressed)"; | ||
| readonly 'neutral.subtle': "var(--ds-background-neutral-subtle)"; | ||
| readonly 'neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)"; | ||
| readonly 'neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)"; | ||
| readonly 'neutral.bold': "var(--ds-background-neutral-bold)"; | ||
| readonly 'neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)"; | ||
| readonly 'neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)"; | ||
| readonly selected: "var(--ds-background-selected)"; | ||
| readonly 'selected.hovered': "var(--ds-background-selected-hovered)"; | ||
| readonly 'selected.pressed': "var(--ds-background-selected-pressed)"; | ||
| readonly 'selected.bold': "var(--ds-background-selected-bold)"; | ||
| readonly 'selected.bold.hovered': "var(--ds-background-selected-bold-hovered)"; | ||
| readonly 'selected.bold.pressed': "var(--ds-background-selected-bold-pressed)"; | ||
| readonly 'brand.bold': "var(--ds-background-brand-bold)"; | ||
| readonly 'brand.bold.hovered': "var(--ds-background-brand-bold-hovered)"; | ||
| readonly 'brand.bold.pressed': "var(--ds-background-brand-bold-pressed)"; | ||
| readonly danger: "var(--ds-background-danger)"; | ||
| readonly 'danger.hovered': "var(--ds-background-danger-hovered)"; | ||
| readonly 'danger.pressed': "var(--ds-background-danger-pressed)"; | ||
| readonly 'danger.bold': "var(--ds-background-danger-bold)"; | ||
| readonly 'danger.bold.hovered': "var(--ds-background-danger-bold-hovered)"; | ||
| readonly 'danger.bold.pressed': "var(--ds-background-danger-bold-pressed)"; | ||
| readonly warning: "var(--ds-background-warning)"; | ||
| readonly 'warning.hovered': "var(--ds-background-warning-hovered)"; | ||
| readonly 'warning.pressed': "var(--ds-background-warning-pressed)"; | ||
| readonly 'warning.bold': "var(--ds-background-warning-bold)"; | ||
| readonly 'warning.bold.hovered': "var(--ds-background-warning-bold-hovered)"; | ||
| readonly 'warning.bold.pressed': "var(--ds-background-warning-bold-pressed)"; | ||
| readonly success: "var(--ds-background-success)"; | ||
| readonly 'success.hovered': "var(--ds-background-success-hovered)"; | ||
| readonly 'success.pressed': "var(--ds-background-success-pressed)"; | ||
| readonly 'success.bold': "var(--ds-background-success-bold)"; | ||
| readonly 'success.bold.hovered': "var(--ds-background-success-bold-hovered)"; | ||
| readonly 'success.bold.pressed': "var(--ds-background-success-bold-pressed)"; | ||
| readonly discovery: "var(--ds-background-discovery)"; | ||
| readonly 'discovery.hovered': "var(--ds-background-discovery-hovered)"; | ||
| readonly 'discovery.pressed': "var(--ds-background-discovery-pressed)"; | ||
| readonly 'discovery.bold': "var(--ds-background-discovery-bold)"; | ||
| readonly 'discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)"; | ||
| readonly 'discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)"; | ||
| readonly information: "var(--ds-background-information)"; | ||
| readonly 'information.hovered': "var(--ds-background-information-hovered)"; | ||
| readonly 'information.pressed': "var(--ds-background-information-pressed)"; | ||
| readonly 'information.bold': "var(--ds-background-information-bold)"; | ||
| readonly 'information.bold.hovered': "var(--ds-background-information-bold-hovered)"; | ||
| readonly 'information.bold.pressed': "var(--ds-background-information-bold-pressed)"; | ||
| readonly 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest)"; | ||
| readonly 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler)"; | ||
| readonly 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle)"; | ||
| readonly 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder)"; | ||
| readonly 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)"; | ||
| readonly 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler)"; | ||
| readonly 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle)"; | ||
| readonly 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder)"; | ||
| readonly 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)"; | ||
| readonly 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)"; | ||
| readonly 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)"; | ||
| readonly 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)"; | ||
| readonly 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest)"; | ||
| readonly 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler)"; | ||
| readonly 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle)"; | ||
| readonly 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder)"; | ||
| readonly 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)"; | ||
| readonly 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler)"; | ||
| readonly 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle)"; | ||
| readonly 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder)"; | ||
| readonly 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)"; | ||
| readonly 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler)"; | ||
| readonly 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle)"; | ||
| readonly 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder)"; | ||
| readonly 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)"; | ||
| readonly 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler)"; | ||
| readonly 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle)"; | ||
| readonly 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder)"; | ||
| readonly 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)"; | ||
| readonly 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)"; | ||
| readonly 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)"; | ||
| readonly 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)"; | ||
| readonly 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)"; | ||
| readonly 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler)"; | ||
| readonly 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle)"; | ||
| readonly 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder)"; | ||
| readonly 'color.background.disabled': "var(--ds-background-disabled)"; | ||
| readonly 'color.background.input': "var(--ds-background-input)"; | ||
| readonly 'color.background.input.hovered': "var(--ds-background-input-hovered)"; | ||
| readonly 'color.background.input.pressed': "var(--ds-background-input-pressed)"; | ||
| readonly 'color.background.inverse.subtle': "var(--ds-background-inverse-subtle)"; | ||
| readonly 'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)"; | ||
| readonly 'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)"; | ||
| readonly 'color.background.neutral': "var(--ds-background-neutral)"; | ||
| readonly 'color.background.neutral.hovered': "var(--ds-background-neutral-hovered)"; | ||
| readonly 'color.background.neutral.pressed': "var(--ds-background-neutral-pressed)"; | ||
| readonly 'color.background.neutral.subtle': "var(--ds-background-neutral-subtle)"; | ||
| readonly 'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)"; | ||
| readonly 'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)"; | ||
| readonly 'color.background.neutral.bold': "var(--ds-background-neutral-bold)"; | ||
| readonly 'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)"; | ||
| readonly 'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)"; | ||
| readonly 'color.background.selected': "var(--ds-background-selected)"; | ||
| readonly 'color.background.selected.hovered': "var(--ds-background-selected-hovered)"; | ||
| readonly 'color.background.selected.pressed': "var(--ds-background-selected-pressed)"; | ||
| readonly 'color.background.selected.bold': "var(--ds-background-selected-bold)"; | ||
| readonly 'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered)"; | ||
| readonly 'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed)"; | ||
| readonly 'color.background.brand.bold': "var(--ds-background-brand-bold)"; | ||
| readonly 'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered)"; | ||
| readonly 'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed)"; | ||
| readonly 'color.background.danger': "var(--ds-background-danger)"; | ||
| readonly 'color.background.danger.hovered': "var(--ds-background-danger-hovered)"; | ||
| readonly 'color.background.danger.pressed': "var(--ds-background-danger-pressed)"; | ||
| readonly 'color.background.danger.bold': "var(--ds-background-danger-bold)"; | ||
| readonly 'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered)"; | ||
| readonly 'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed)"; | ||
| readonly 'color.background.warning': "var(--ds-background-warning)"; | ||
| readonly 'color.background.warning.hovered': "var(--ds-background-warning-hovered)"; | ||
| readonly 'color.background.warning.pressed': "var(--ds-background-warning-pressed)"; | ||
| readonly 'color.background.warning.bold': "var(--ds-background-warning-bold)"; | ||
| readonly 'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered)"; | ||
| readonly 'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed)"; | ||
| readonly 'color.background.success': "var(--ds-background-success)"; | ||
| readonly 'color.background.success.hovered': "var(--ds-background-success-hovered)"; | ||
| readonly 'color.background.success.pressed': "var(--ds-background-success-pressed)"; | ||
| readonly 'color.background.success.bold': "var(--ds-background-success-bold)"; | ||
| readonly 'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered)"; | ||
| readonly 'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed)"; | ||
| readonly 'color.background.discovery': "var(--ds-background-discovery)"; | ||
| readonly 'color.background.discovery.hovered': "var(--ds-background-discovery-hovered)"; | ||
| readonly 'color.background.discovery.pressed': "var(--ds-background-discovery-pressed)"; | ||
| readonly 'color.background.discovery.bold': "var(--ds-background-discovery-bold)"; | ||
| readonly 'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)"; | ||
| readonly 'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)"; | ||
| readonly 'color.background.information': "var(--ds-background-information)"; | ||
| readonly 'color.background.information.hovered': "var(--ds-background-information-hovered)"; | ||
| readonly 'color.background.information.pressed': "var(--ds-background-information-pressed)"; | ||
| readonly 'color.background.information.bold': "var(--ds-background-information-bold)"; | ||
| readonly 'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered)"; | ||
| readonly 'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed)"; | ||
| readonly 'color.blanket': "var(--ds-blanket)"; | ||
@@ -210,7 +210,7 @@ readonly 'color.blanket.selected': "var(--ds-blanket-selected)"; | ||
| export declare const shadowMap: { | ||
| readonly overflow: "var(--ds-shadow-overflow)"; | ||
| readonly 'overflow.perimeter': "var(--ds-shadow-overflow-perimeter)"; | ||
| readonly 'overflow.spread': "var(--ds-shadow-overflow-spread)"; | ||
| readonly overlay: "var(--ds-shadow-overlay)"; | ||
| readonly raised: "var(--ds-shadow-raised)"; | ||
| readonly 'elevation.shadow.overflow': "var(--ds-shadow-overflow)"; | ||
| readonly 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter)"; | ||
| readonly 'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread)"; | ||
| readonly 'elevation.shadow.overlay': "var(--ds-shadow-overlay)"; | ||
| readonly 'elevation.shadow.raised': "var(--ds-shadow-raised)"; | ||
| }; | ||
@@ -220,32 +220,32 @@ export type Shadow = keyof typeof shadowMap; | ||
| readonly 'color.text': "var(--ds-text)"; | ||
| readonly 'accent.red': "var(--ds-text-accent-red)"; | ||
| readonly 'accent.red.bolder': "var(--ds-text-accent-red-bolder)"; | ||
| readonly 'accent.orange': "var(--ds-text-accent-orange)"; | ||
| readonly 'accent.orange.bolder': "var(--ds-text-accent-orange-bolder)"; | ||
| readonly 'accent.yellow': "var(--ds-text-accent-yellow)"; | ||
| readonly 'accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)"; | ||
| readonly 'accent.green': "var(--ds-text-accent-green)"; | ||
| readonly 'accent.green.bolder': "var(--ds-text-accent-green-bolder)"; | ||
| readonly 'accent.teal': "var(--ds-text-accent-teal)"; | ||
| readonly 'accent.teal.bolder': "var(--ds-text-accent-teal-bolder)"; | ||
| readonly 'accent.blue': "var(--ds-text-accent-blue)"; | ||
| readonly 'accent.blue.bolder': "var(--ds-text-accent-blue-bolder)"; | ||
| readonly 'accent.purple': "var(--ds-text-accent-purple)"; | ||
| readonly 'accent.purple.bolder': "var(--ds-text-accent-purple-bolder)"; | ||
| readonly 'accent.magenta': "var(--ds-text-accent-magenta)"; | ||
| readonly 'accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)"; | ||
| readonly 'accent.gray': "var(--ds-text-accent-gray)"; | ||
| readonly 'accent.gray.bolder': "var(--ds-text-accent-gray-bolder)"; | ||
| readonly disabled: "var(--ds-text-disabled)"; | ||
| readonly inverse: "var(--ds-text-inverse)"; | ||
| readonly selected: "var(--ds-text-selected)"; | ||
| readonly brand: "var(--ds-text-brand)"; | ||
| readonly danger: "var(--ds-text-danger)"; | ||
| readonly warning: "var(--ds-text-warning)"; | ||
| readonly 'warning.inverse': "var(--ds-text-warning-inverse)"; | ||
| readonly success: "var(--ds-text-success)"; | ||
| readonly discovery: "var(--ds-text-discovery)"; | ||
| readonly information: "var(--ds-text-information)"; | ||
| readonly subtlest: "var(--ds-text-subtlest)"; | ||
| readonly subtle: "var(--ds-text-subtle)"; | ||
| readonly 'color.text.accent.red': "var(--ds-text-accent-red)"; | ||
| readonly 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder)"; | ||
| readonly 'color.text.accent.orange': "var(--ds-text-accent-orange)"; | ||
| readonly 'color.text.accent.orange.bolder': "var(--ds-text-accent-orange-bolder)"; | ||
| readonly 'color.text.accent.yellow': "var(--ds-text-accent-yellow)"; | ||
| readonly 'color.text.accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)"; | ||
| readonly 'color.text.accent.green': "var(--ds-text-accent-green)"; | ||
| readonly 'color.text.accent.green.bolder': "var(--ds-text-accent-green-bolder)"; | ||
| readonly 'color.text.accent.teal': "var(--ds-text-accent-teal)"; | ||
| readonly 'color.text.accent.teal.bolder': "var(--ds-text-accent-teal-bolder)"; | ||
| readonly 'color.text.accent.blue': "var(--ds-text-accent-blue)"; | ||
| readonly 'color.text.accent.blue.bolder': "var(--ds-text-accent-blue-bolder)"; | ||
| readonly 'color.text.accent.purple': "var(--ds-text-accent-purple)"; | ||
| readonly 'color.text.accent.purple.bolder': "var(--ds-text-accent-purple-bolder)"; | ||
| readonly 'color.text.accent.magenta': "var(--ds-text-accent-magenta)"; | ||
| readonly 'color.text.accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)"; | ||
| readonly 'color.text.accent.gray': "var(--ds-text-accent-gray)"; | ||
| readonly 'color.text.accent.gray.bolder': "var(--ds-text-accent-gray-bolder)"; | ||
| readonly 'color.text.disabled': "var(--ds-text-disabled)"; | ||
| readonly 'color.text.inverse': "var(--ds-text-inverse)"; | ||
| readonly 'color.text.selected': "var(--ds-text-selected)"; | ||
| readonly 'color.text.brand': "var(--ds-text-brand)"; | ||
| readonly 'color.text.danger': "var(--ds-text-danger)"; | ||
| readonly 'color.text.warning': "var(--ds-text-warning)"; | ||
| readonly 'color.text.warning.inverse': "var(--ds-text-warning-inverse)"; | ||
| readonly 'color.text.success': "var(--ds-text-success)"; | ||
| readonly 'color.text.discovery': "var(--ds-text-discovery)"; | ||
| readonly 'color.text.information': "var(--ds-text-information)"; | ||
| readonly 'color.text.subtlest': "var(--ds-text-subtlest)"; | ||
| readonly 'color.text.subtle': "var(--ds-text-subtle)"; | ||
| }; | ||
@@ -255,22 +255,22 @@ export type TextColor = keyof typeof textColorMap; | ||
| readonly 'color.icon': "var(--ds-icon)"; | ||
| readonly 'accent.red': "var(--ds-icon-accent-red)"; | ||
| readonly 'accent.orange': "var(--ds-icon-accent-orange)"; | ||
| readonly 'accent.yellow': "var(--ds-icon-accent-yellow)"; | ||
| readonly 'accent.green': "var(--ds-icon-accent-green)"; | ||
| readonly 'accent.teal': "var(--ds-icon-accent-teal)"; | ||
| readonly 'accent.blue': "var(--ds-icon-accent-blue)"; | ||
| readonly 'accent.purple': "var(--ds-icon-accent-purple)"; | ||
| readonly 'accent.magenta': "var(--ds-icon-accent-magenta)"; | ||
| readonly 'accent.gray': "var(--ds-icon-accent-gray)"; | ||
| readonly disabled: "var(--ds-icon-disabled)"; | ||
| readonly inverse: "var(--ds-icon-inverse)"; | ||
| readonly selected: "var(--ds-icon-selected)"; | ||
| readonly brand: "var(--ds-icon-brand)"; | ||
| readonly danger: "var(--ds-icon-danger)"; | ||
| readonly warning: "var(--ds-icon-warning)"; | ||
| readonly 'warning.inverse': "var(--ds-icon-warning-inverse)"; | ||
| readonly success: "var(--ds-icon-success)"; | ||
| readonly discovery: "var(--ds-icon-discovery)"; | ||
| readonly information: "var(--ds-icon-information)"; | ||
| readonly subtle: "var(--ds-icon-subtle)"; | ||
| readonly 'color.icon.accent.red': "var(--ds-icon-accent-red)"; | ||
| readonly 'color.icon.accent.orange': "var(--ds-icon-accent-orange)"; | ||
| readonly 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow)"; | ||
| readonly 'color.icon.accent.green': "var(--ds-icon-accent-green)"; | ||
| readonly 'color.icon.accent.teal': "var(--ds-icon-accent-teal)"; | ||
| readonly 'color.icon.accent.blue': "var(--ds-icon-accent-blue)"; | ||
| readonly 'color.icon.accent.purple': "var(--ds-icon-accent-purple)"; | ||
| readonly 'color.icon.accent.magenta': "var(--ds-icon-accent-magenta)"; | ||
| readonly 'color.icon.accent.gray': "var(--ds-icon-accent-gray)"; | ||
| readonly 'color.icon.disabled': "var(--ds-icon-disabled)"; | ||
| readonly 'color.icon.inverse': "var(--ds-icon-inverse)"; | ||
| readonly 'color.icon.selected': "var(--ds-icon-selected)"; | ||
| readonly 'color.icon.brand': "var(--ds-icon-brand)"; | ||
| readonly 'color.icon.danger': "var(--ds-icon-danger)"; | ||
| readonly 'color.icon.warning': "var(--ds-icon-warning)"; | ||
| readonly 'color.icon.warning.inverse': "var(--ds-icon-warning-inverse)"; | ||
| readonly 'color.icon.success': "var(--ds-icon-success)"; | ||
| readonly 'color.icon.discovery': "var(--ds-icon-discovery)"; | ||
| readonly 'color.icon.information': "var(--ds-icon-information)"; | ||
| readonly 'color.icon.subtle': "var(--ds-icon-subtle)"; | ||
| }; | ||
@@ -379,3 +379,3 @@ export type Fill = keyof typeof fillMap; | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::f923934816cc73cf3f82820a93df5377>> | ||
| * @codegen <<SignedSource::290c3673c7e8302a6517c5004ca82979>> | ||
| * @codegenId border | ||
@@ -387,14 +387,14 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles | ||
| export declare const borderWidthMap: { | ||
| readonly 'width.0': "var(--ds-width-0)"; | ||
| readonly 'width.050': "var(--ds-width-050)"; | ||
| readonly 'width.100': "var(--ds-width-100)"; | ||
| readonly 'border.width.0': "var(--ds-width-0)"; | ||
| readonly 'border.width.050': "var(--ds-width-050)"; | ||
| readonly 'border.width.100': "var(--ds-width-100)"; | ||
| }; | ||
| export type BorderWidth = keyof typeof borderWidthMap; | ||
| export declare const borderRadiusMap: { | ||
| readonly 'radius.050': "var(--ds-radius-050)"; | ||
| readonly 'radius.100': "var(--ds-radius-100)"; | ||
| readonly 'radius.200': "var(--ds-radius-200)"; | ||
| readonly 'radius.300': "var(--ds-radius-300)"; | ||
| readonly 'radius.400': "var(--ds-radius-400)"; | ||
| readonly 'radius.round': "var(--ds-radius-round)"; | ||
| readonly 'border.radius.050': "var(--ds-radius-050)"; | ||
| readonly 'border.radius.100': "var(--ds-radius-100)"; | ||
| readonly 'border.radius.200': "var(--ds-radius-200)"; | ||
| readonly 'border.radius.300': "var(--ds-radius-300)"; | ||
| readonly 'border.radius.400': "var(--ds-radius-400)"; | ||
| readonly 'border.radius.round': "var(--ds-radius-round)"; | ||
| }; | ||
@@ -401,0 +401,0 @@ export type BorderRadius = keyof typeof borderRadiusMap; |
@@ -69,3 +69,3 @@ import { SerializedStyles } from '@emotion/react'; | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::98eba397b6a9706307e40f32a49200fd>> | ||
| * @codegen <<SignedSource::7d56840c81e052d4dc9e5ebb6a1a0053>> | ||
| * @codegenId colors | ||
@@ -78,117 +78,117 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles | ||
| readonly 'color.border': "var(--ds-border)"; | ||
| readonly 'accent.red': "var(--ds-border-accent-red)"; | ||
| readonly 'accent.orange': "var(--ds-border-accent-orange)"; | ||
| readonly 'accent.yellow': "var(--ds-border-accent-yellow)"; | ||
| readonly 'accent.green': "var(--ds-border-accent-green)"; | ||
| readonly 'accent.teal': "var(--ds-border-accent-teal)"; | ||
| readonly 'accent.blue': "var(--ds-border-accent-blue)"; | ||
| readonly 'accent.purple': "var(--ds-border-accent-purple)"; | ||
| readonly 'accent.magenta': "var(--ds-border-accent-magenta)"; | ||
| readonly 'accent.gray': "var(--ds-border-accent-gray)"; | ||
| readonly disabled: "var(--ds-border-disabled)"; | ||
| readonly focused: "var(--ds-border-focused)"; | ||
| readonly input: "var(--ds-border-input)"; | ||
| readonly inverse: "var(--ds-border-inverse)"; | ||
| readonly selected: "var(--ds-border-selected)"; | ||
| readonly brand: "var(--ds-border-brand)"; | ||
| readonly danger: "var(--ds-border-danger)"; | ||
| readonly warning: "var(--ds-border-warning)"; | ||
| readonly success: "var(--ds-border-success)"; | ||
| readonly discovery: "var(--ds-border-discovery)"; | ||
| readonly information: "var(--ds-border-information)"; | ||
| readonly bold: "var(--ds-border-bold)"; | ||
| readonly 'color.border.accent.red': "var(--ds-border-accent-red)"; | ||
| readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)"; | ||
| readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)"; | ||
| readonly 'color.border.accent.green': "var(--ds-border-accent-green)"; | ||
| readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)"; | ||
| readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)"; | ||
| readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)"; | ||
| readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)"; | ||
| readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)"; | ||
| readonly 'color.border.disabled': "var(--ds-border-disabled)"; | ||
| readonly 'color.border.focused': "var(--ds-border-focused)"; | ||
| readonly 'color.border.input': "var(--ds-border-input)"; | ||
| readonly 'color.border.inverse': "var(--ds-border-inverse)"; | ||
| readonly 'color.border.selected': "var(--ds-border-selected)"; | ||
| readonly 'color.border.brand': "var(--ds-border-brand)"; | ||
| readonly 'color.border.danger': "var(--ds-border-danger)"; | ||
| readonly 'color.border.warning': "var(--ds-border-warning)"; | ||
| readonly 'color.border.success': "var(--ds-border-success)"; | ||
| readonly 'color.border.discovery': "var(--ds-border-discovery)"; | ||
| readonly 'color.border.information': "var(--ds-border-information)"; | ||
| readonly 'color.border.bold': "var(--ds-border-bold)"; | ||
| }; | ||
| export type BorderColor = keyof typeof borderColorMap; | ||
| export declare const backgroundColorMap: { | ||
| readonly 'accent.red.subtlest': "var(--ds-background-accent-red-subtlest)"; | ||
| readonly 'accent.red.subtler': "var(--ds-background-accent-red-subtler)"; | ||
| readonly 'accent.red.subtle': "var(--ds-background-accent-red-subtle)"; | ||
| readonly 'accent.red.bolder': "var(--ds-background-accent-red-bolder)"; | ||
| readonly 'accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)"; | ||
| readonly 'accent.orange.subtler': "var(--ds-background-accent-orange-subtler)"; | ||
| readonly 'accent.orange.subtle': "var(--ds-background-accent-orange-subtle)"; | ||
| readonly 'accent.orange.bolder': "var(--ds-background-accent-orange-bolder)"; | ||
| readonly 'accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)"; | ||
| readonly 'accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)"; | ||
| readonly 'accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)"; | ||
| readonly 'accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)"; | ||
| readonly 'accent.green.subtlest': "var(--ds-background-accent-green-subtlest)"; | ||
| readonly 'accent.green.subtler': "var(--ds-background-accent-green-subtler)"; | ||
| readonly 'accent.green.subtle': "var(--ds-background-accent-green-subtle)"; | ||
| readonly 'accent.green.bolder': "var(--ds-background-accent-green-bolder)"; | ||
| readonly 'accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)"; | ||
| readonly 'accent.teal.subtler': "var(--ds-background-accent-teal-subtler)"; | ||
| readonly 'accent.teal.subtle': "var(--ds-background-accent-teal-subtle)"; | ||
| readonly 'accent.teal.bolder': "var(--ds-background-accent-teal-bolder)"; | ||
| readonly 'accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)"; | ||
| readonly 'accent.blue.subtler': "var(--ds-background-accent-blue-subtler)"; | ||
| readonly 'accent.blue.subtle': "var(--ds-background-accent-blue-subtle)"; | ||
| readonly 'accent.blue.bolder': "var(--ds-background-accent-blue-bolder)"; | ||
| readonly 'accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)"; | ||
| readonly 'accent.purple.subtler': "var(--ds-background-accent-purple-subtler)"; | ||
| readonly 'accent.purple.subtle': "var(--ds-background-accent-purple-subtle)"; | ||
| readonly 'accent.purple.bolder': "var(--ds-background-accent-purple-bolder)"; | ||
| readonly 'accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)"; | ||
| readonly 'accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)"; | ||
| readonly 'accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)"; | ||
| readonly 'accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)"; | ||
| readonly 'accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)"; | ||
| readonly 'accent.gray.subtler': "var(--ds-background-accent-gray-subtler)"; | ||
| readonly 'accent.gray.subtle': "var(--ds-background-accent-gray-subtle)"; | ||
| readonly 'accent.gray.bolder': "var(--ds-background-accent-gray-bolder)"; | ||
| readonly disabled: "var(--ds-background-disabled)"; | ||
| readonly input: "var(--ds-background-input)"; | ||
| readonly 'input.hovered': "var(--ds-background-input-hovered)"; | ||
| readonly 'input.pressed': "var(--ds-background-input-pressed)"; | ||
| readonly 'inverse.subtle': "var(--ds-background-inverse-subtle)"; | ||
| readonly 'inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)"; | ||
| readonly 'inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)"; | ||
| readonly neutral: "var(--ds-background-neutral)"; | ||
| readonly 'neutral.hovered': "var(--ds-background-neutral-hovered)"; | ||
| readonly 'neutral.pressed': "var(--ds-background-neutral-pressed)"; | ||
| readonly 'neutral.subtle': "var(--ds-background-neutral-subtle)"; | ||
| readonly 'neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)"; | ||
| readonly 'neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)"; | ||
| readonly 'neutral.bold': "var(--ds-background-neutral-bold)"; | ||
| readonly 'neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)"; | ||
| readonly 'neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)"; | ||
| readonly selected: "var(--ds-background-selected)"; | ||
| readonly 'selected.hovered': "var(--ds-background-selected-hovered)"; | ||
| readonly 'selected.pressed': "var(--ds-background-selected-pressed)"; | ||
| readonly 'selected.bold': "var(--ds-background-selected-bold)"; | ||
| readonly 'selected.bold.hovered': "var(--ds-background-selected-bold-hovered)"; | ||
| readonly 'selected.bold.pressed': "var(--ds-background-selected-bold-pressed)"; | ||
| readonly 'brand.bold': "var(--ds-background-brand-bold)"; | ||
| readonly 'brand.bold.hovered': "var(--ds-background-brand-bold-hovered)"; | ||
| readonly 'brand.bold.pressed': "var(--ds-background-brand-bold-pressed)"; | ||
| readonly danger: "var(--ds-background-danger)"; | ||
| readonly 'danger.hovered': "var(--ds-background-danger-hovered)"; | ||
| readonly 'danger.pressed': "var(--ds-background-danger-pressed)"; | ||
| readonly 'danger.bold': "var(--ds-background-danger-bold)"; | ||
| readonly 'danger.bold.hovered': "var(--ds-background-danger-bold-hovered)"; | ||
| readonly 'danger.bold.pressed': "var(--ds-background-danger-bold-pressed)"; | ||
| readonly warning: "var(--ds-background-warning)"; | ||
| readonly 'warning.hovered': "var(--ds-background-warning-hovered)"; | ||
| readonly 'warning.pressed': "var(--ds-background-warning-pressed)"; | ||
| readonly 'warning.bold': "var(--ds-background-warning-bold)"; | ||
| readonly 'warning.bold.hovered': "var(--ds-background-warning-bold-hovered)"; | ||
| readonly 'warning.bold.pressed': "var(--ds-background-warning-bold-pressed)"; | ||
| readonly success: "var(--ds-background-success)"; | ||
| readonly 'success.hovered': "var(--ds-background-success-hovered)"; | ||
| readonly 'success.pressed': "var(--ds-background-success-pressed)"; | ||
| readonly 'success.bold': "var(--ds-background-success-bold)"; | ||
| readonly 'success.bold.hovered': "var(--ds-background-success-bold-hovered)"; | ||
| readonly 'success.bold.pressed': "var(--ds-background-success-bold-pressed)"; | ||
| readonly discovery: "var(--ds-background-discovery)"; | ||
| readonly 'discovery.hovered': "var(--ds-background-discovery-hovered)"; | ||
| readonly 'discovery.pressed': "var(--ds-background-discovery-pressed)"; | ||
| readonly 'discovery.bold': "var(--ds-background-discovery-bold)"; | ||
| readonly 'discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)"; | ||
| readonly 'discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)"; | ||
| readonly information: "var(--ds-background-information)"; | ||
| readonly 'information.hovered': "var(--ds-background-information-hovered)"; | ||
| readonly 'information.pressed': "var(--ds-background-information-pressed)"; | ||
| readonly 'information.bold': "var(--ds-background-information-bold)"; | ||
| readonly 'information.bold.hovered': "var(--ds-background-information-bold-hovered)"; | ||
| readonly 'information.bold.pressed': "var(--ds-background-information-bold-pressed)"; | ||
| readonly 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest)"; | ||
| readonly 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler)"; | ||
| readonly 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle)"; | ||
| readonly 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder)"; | ||
| readonly 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)"; | ||
| readonly 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler)"; | ||
| readonly 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle)"; | ||
| readonly 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder)"; | ||
| readonly 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)"; | ||
| readonly 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)"; | ||
| readonly 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)"; | ||
| readonly 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)"; | ||
| readonly 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest)"; | ||
| readonly 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler)"; | ||
| readonly 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle)"; | ||
| readonly 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder)"; | ||
| readonly 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)"; | ||
| readonly 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler)"; | ||
| readonly 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle)"; | ||
| readonly 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder)"; | ||
| readonly 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)"; | ||
| readonly 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler)"; | ||
| readonly 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle)"; | ||
| readonly 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder)"; | ||
| readonly 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)"; | ||
| readonly 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler)"; | ||
| readonly 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle)"; | ||
| readonly 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder)"; | ||
| readonly 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)"; | ||
| readonly 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)"; | ||
| readonly 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)"; | ||
| readonly 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)"; | ||
| readonly 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)"; | ||
| readonly 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler)"; | ||
| readonly 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle)"; | ||
| readonly 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder)"; | ||
| readonly 'color.background.disabled': "var(--ds-background-disabled)"; | ||
| readonly 'color.background.input': "var(--ds-background-input)"; | ||
| readonly 'color.background.input.hovered': "var(--ds-background-input-hovered)"; | ||
| readonly 'color.background.input.pressed': "var(--ds-background-input-pressed)"; | ||
| readonly 'color.background.inverse.subtle': "var(--ds-background-inverse-subtle)"; | ||
| readonly 'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)"; | ||
| readonly 'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)"; | ||
| readonly 'color.background.neutral': "var(--ds-background-neutral)"; | ||
| readonly 'color.background.neutral.hovered': "var(--ds-background-neutral-hovered)"; | ||
| readonly 'color.background.neutral.pressed': "var(--ds-background-neutral-pressed)"; | ||
| readonly 'color.background.neutral.subtle': "var(--ds-background-neutral-subtle)"; | ||
| readonly 'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)"; | ||
| readonly 'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)"; | ||
| readonly 'color.background.neutral.bold': "var(--ds-background-neutral-bold)"; | ||
| readonly 'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)"; | ||
| readonly 'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)"; | ||
| readonly 'color.background.selected': "var(--ds-background-selected)"; | ||
| readonly 'color.background.selected.hovered': "var(--ds-background-selected-hovered)"; | ||
| readonly 'color.background.selected.pressed': "var(--ds-background-selected-pressed)"; | ||
| readonly 'color.background.selected.bold': "var(--ds-background-selected-bold)"; | ||
| readonly 'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered)"; | ||
| readonly 'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed)"; | ||
| readonly 'color.background.brand.bold': "var(--ds-background-brand-bold)"; | ||
| readonly 'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered)"; | ||
| readonly 'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed)"; | ||
| readonly 'color.background.danger': "var(--ds-background-danger)"; | ||
| readonly 'color.background.danger.hovered': "var(--ds-background-danger-hovered)"; | ||
| readonly 'color.background.danger.pressed': "var(--ds-background-danger-pressed)"; | ||
| readonly 'color.background.danger.bold': "var(--ds-background-danger-bold)"; | ||
| readonly 'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered)"; | ||
| readonly 'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed)"; | ||
| readonly 'color.background.warning': "var(--ds-background-warning)"; | ||
| readonly 'color.background.warning.hovered': "var(--ds-background-warning-hovered)"; | ||
| readonly 'color.background.warning.pressed': "var(--ds-background-warning-pressed)"; | ||
| readonly 'color.background.warning.bold': "var(--ds-background-warning-bold)"; | ||
| readonly 'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered)"; | ||
| readonly 'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed)"; | ||
| readonly 'color.background.success': "var(--ds-background-success)"; | ||
| readonly 'color.background.success.hovered': "var(--ds-background-success-hovered)"; | ||
| readonly 'color.background.success.pressed': "var(--ds-background-success-pressed)"; | ||
| readonly 'color.background.success.bold': "var(--ds-background-success-bold)"; | ||
| readonly 'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered)"; | ||
| readonly 'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed)"; | ||
| readonly 'color.background.discovery': "var(--ds-background-discovery)"; | ||
| readonly 'color.background.discovery.hovered': "var(--ds-background-discovery-hovered)"; | ||
| readonly 'color.background.discovery.pressed': "var(--ds-background-discovery-pressed)"; | ||
| readonly 'color.background.discovery.bold': "var(--ds-background-discovery-bold)"; | ||
| readonly 'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)"; | ||
| readonly 'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)"; | ||
| readonly 'color.background.information': "var(--ds-background-information)"; | ||
| readonly 'color.background.information.hovered': "var(--ds-background-information-hovered)"; | ||
| readonly 'color.background.information.pressed': "var(--ds-background-information-pressed)"; | ||
| readonly 'color.background.information.bold': "var(--ds-background-information-bold)"; | ||
| readonly 'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered)"; | ||
| readonly 'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed)"; | ||
| readonly 'color.blanket': "var(--ds-blanket)"; | ||
@@ -210,7 +210,7 @@ readonly 'color.blanket.selected': "var(--ds-blanket-selected)"; | ||
| export declare const shadowMap: { | ||
| readonly overflow: "var(--ds-shadow-overflow)"; | ||
| readonly 'overflow.perimeter': "var(--ds-shadow-overflow-perimeter)"; | ||
| readonly 'overflow.spread': "var(--ds-shadow-overflow-spread)"; | ||
| readonly overlay: "var(--ds-shadow-overlay)"; | ||
| readonly raised: "var(--ds-shadow-raised)"; | ||
| readonly 'elevation.shadow.overflow': "var(--ds-shadow-overflow)"; | ||
| readonly 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter)"; | ||
| readonly 'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread)"; | ||
| readonly 'elevation.shadow.overlay': "var(--ds-shadow-overlay)"; | ||
| readonly 'elevation.shadow.raised': "var(--ds-shadow-raised)"; | ||
| }; | ||
@@ -220,32 +220,32 @@ export type Shadow = keyof typeof shadowMap; | ||
| readonly 'color.text': "var(--ds-text)"; | ||
| readonly 'accent.red': "var(--ds-text-accent-red)"; | ||
| readonly 'accent.red.bolder': "var(--ds-text-accent-red-bolder)"; | ||
| readonly 'accent.orange': "var(--ds-text-accent-orange)"; | ||
| readonly 'accent.orange.bolder': "var(--ds-text-accent-orange-bolder)"; | ||
| readonly 'accent.yellow': "var(--ds-text-accent-yellow)"; | ||
| readonly 'accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)"; | ||
| readonly 'accent.green': "var(--ds-text-accent-green)"; | ||
| readonly 'accent.green.bolder': "var(--ds-text-accent-green-bolder)"; | ||
| readonly 'accent.teal': "var(--ds-text-accent-teal)"; | ||
| readonly 'accent.teal.bolder': "var(--ds-text-accent-teal-bolder)"; | ||
| readonly 'accent.blue': "var(--ds-text-accent-blue)"; | ||
| readonly 'accent.blue.bolder': "var(--ds-text-accent-blue-bolder)"; | ||
| readonly 'accent.purple': "var(--ds-text-accent-purple)"; | ||
| readonly 'accent.purple.bolder': "var(--ds-text-accent-purple-bolder)"; | ||
| readonly 'accent.magenta': "var(--ds-text-accent-magenta)"; | ||
| readonly 'accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)"; | ||
| readonly 'accent.gray': "var(--ds-text-accent-gray)"; | ||
| readonly 'accent.gray.bolder': "var(--ds-text-accent-gray-bolder)"; | ||
| readonly disabled: "var(--ds-text-disabled)"; | ||
| readonly inverse: "var(--ds-text-inverse)"; | ||
| readonly selected: "var(--ds-text-selected)"; | ||
| readonly brand: "var(--ds-text-brand)"; | ||
| readonly danger: "var(--ds-text-danger)"; | ||
| readonly warning: "var(--ds-text-warning)"; | ||
| readonly 'warning.inverse': "var(--ds-text-warning-inverse)"; | ||
| readonly success: "var(--ds-text-success)"; | ||
| readonly discovery: "var(--ds-text-discovery)"; | ||
| readonly information: "var(--ds-text-information)"; | ||
| readonly subtlest: "var(--ds-text-subtlest)"; | ||
| readonly subtle: "var(--ds-text-subtle)"; | ||
| readonly 'color.text.accent.red': "var(--ds-text-accent-red)"; | ||
| readonly 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder)"; | ||
| readonly 'color.text.accent.orange': "var(--ds-text-accent-orange)"; | ||
| readonly 'color.text.accent.orange.bolder': "var(--ds-text-accent-orange-bolder)"; | ||
| readonly 'color.text.accent.yellow': "var(--ds-text-accent-yellow)"; | ||
| readonly 'color.text.accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)"; | ||
| readonly 'color.text.accent.green': "var(--ds-text-accent-green)"; | ||
| readonly 'color.text.accent.green.bolder': "var(--ds-text-accent-green-bolder)"; | ||
| readonly 'color.text.accent.teal': "var(--ds-text-accent-teal)"; | ||
| readonly 'color.text.accent.teal.bolder': "var(--ds-text-accent-teal-bolder)"; | ||
| readonly 'color.text.accent.blue': "var(--ds-text-accent-blue)"; | ||
| readonly 'color.text.accent.blue.bolder': "var(--ds-text-accent-blue-bolder)"; | ||
| readonly 'color.text.accent.purple': "var(--ds-text-accent-purple)"; | ||
| readonly 'color.text.accent.purple.bolder': "var(--ds-text-accent-purple-bolder)"; | ||
| readonly 'color.text.accent.magenta': "var(--ds-text-accent-magenta)"; | ||
| readonly 'color.text.accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)"; | ||
| readonly 'color.text.accent.gray': "var(--ds-text-accent-gray)"; | ||
| readonly 'color.text.accent.gray.bolder': "var(--ds-text-accent-gray-bolder)"; | ||
| readonly 'color.text.disabled': "var(--ds-text-disabled)"; | ||
| readonly 'color.text.inverse': "var(--ds-text-inverse)"; | ||
| readonly 'color.text.selected': "var(--ds-text-selected)"; | ||
| readonly 'color.text.brand': "var(--ds-text-brand)"; | ||
| readonly 'color.text.danger': "var(--ds-text-danger)"; | ||
| readonly 'color.text.warning': "var(--ds-text-warning)"; | ||
| readonly 'color.text.warning.inverse': "var(--ds-text-warning-inverse)"; | ||
| readonly 'color.text.success': "var(--ds-text-success)"; | ||
| readonly 'color.text.discovery': "var(--ds-text-discovery)"; | ||
| readonly 'color.text.information': "var(--ds-text-information)"; | ||
| readonly 'color.text.subtlest': "var(--ds-text-subtlest)"; | ||
| readonly 'color.text.subtle': "var(--ds-text-subtle)"; | ||
| }; | ||
@@ -255,22 +255,22 @@ export type TextColor = keyof typeof textColorMap; | ||
| readonly 'color.icon': "var(--ds-icon)"; | ||
| readonly 'accent.red': "var(--ds-icon-accent-red)"; | ||
| readonly 'accent.orange': "var(--ds-icon-accent-orange)"; | ||
| readonly 'accent.yellow': "var(--ds-icon-accent-yellow)"; | ||
| readonly 'accent.green': "var(--ds-icon-accent-green)"; | ||
| readonly 'accent.teal': "var(--ds-icon-accent-teal)"; | ||
| readonly 'accent.blue': "var(--ds-icon-accent-blue)"; | ||
| readonly 'accent.purple': "var(--ds-icon-accent-purple)"; | ||
| readonly 'accent.magenta': "var(--ds-icon-accent-magenta)"; | ||
| readonly 'accent.gray': "var(--ds-icon-accent-gray)"; | ||
| readonly disabled: "var(--ds-icon-disabled)"; | ||
| readonly inverse: "var(--ds-icon-inverse)"; | ||
| readonly selected: "var(--ds-icon-selected)"; | ||
| readonly brand: "var(--ds-icon-brand)"; | ||
| readonly danger: "var(--ds-icon-danger)"; | ||
| readonly warning: "var(--ds-icon-warning)"; | ||
| readonly 'warning.inverse': "var(--ds-icon-warning-inverse)"; | ||
| readonly success: "var(--ds-icon-success)"; | ||
| readonly discovery: "var(--ds-icon-discovery)"; | ||
| readonly information: "var(--ds-icon-information)"; | ||
| readonly subtle: "var(--ds-icon-subtle)"; | ||
| readonly 'color.icon.accent.red': "var(--ds-icon-accent-red)"; | ||
| readonly 'color.icon.accent.orange': "var(--ds-icon-accent-orange)"; | ||
| readonly 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow)"; | ||
| readonly 'color.icon.accent.green': "var(--ds-icon-accent-green)"; | ||
| readonly 'color.icon.accent.teal': "var(--ds-icon-accent-teal)"; | ||
| readonly 'color.icon.accent.blue': "var(--ds-icon-accent-blue)"; | ||
| readonly 'color.icon.accent.purple': "var(--ds-icon-accent-purple)"; | ||
| readonly 'color.icon.accent.magenta': "var(--ds-icon-accent-magenta)"; | ||
| readonly 'color.icon.accent.gray': "var(--ds-icon-accent-gray)"; | ||
| readonly 'color.icon.disabled': "var(--ds-icon-disabled)"; | ||
| readonly 'color.icon.inverse': "var(--ds-icon-inverse)"; | ||
| readonly 'color.icon.selected': "var(--ds-icon-selected)"; | ||
| readonly 'color.icon.brand': "var(--ds-icon-brand)"; | ||
| readonly 'color.icon.danger': "var(--ds-icon-danger)"; | ||
| readonly 'color.icon.warning': "var(--ds-icon-warning)"; | ||
| readonly 'color.icon.warning.inverse': "var(--ds-icon-warning-inverse)"; | ||
| readonly 'color.icon.success': "var(--ds-icon-success)"; | ||
| readonly 'color.icon.discovery': "var(--ds-icon-discovery)"; | ||
| readonly 'color.icon.information': "var(--ds-icon-information)"; | ||
| readonly 'color.icon.subtle': "var(--ds-icon-subtle)"; | ||
| }; | ||
@@ -379,3 +379,3 @@ export type Fill = keyof typeof fillMap; | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::f923934816cc73cf3f82820a93df5377>> | ||
| * @codegen <<SignedSource::290c3673c7e8302a6517c5004ca82979>> | ||
| * @codegenId border | ||
@@ -387,14 +387,14 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles | ||
| export declare const borderWidthMap: { | ||
| readonly 'width.0': "var(--ds-width-0)"; | ||
| readonly 'width.050': "var(--ds-width-050)"; | ||
| readonly 'width.100': "var(--ds-width-100)"; | ||
| readonly 'border.width.0': "var(--ds-width-0)"; | ||
| readonly 'border.width.050': "var(--ds-width-050)"; | ||
| readonly 'border.width.100': "var(--ds-width-100)"; | ||
| }; | ||
| export type BorderWidth = keyof typeof borderWidthMap; | ||
| export declare const borderRadiusMap: { | ||
| readonly 'radius.050': "var(--ds-radius-050)"; | ||
| readonly 'radius.100': "var(--ds-radius-100)"; | ||
| readonly 'radius.200': "var(--ds-radius-200)"; | ||
| readonly 'radius.300': "var(--ds-radius-300)"; | ||
| readonly 'radius.400': "var(--ds-radius-400)"; | ||
| readonly 'radius.round': "var(--ds-radius-round)"; | ||
| readonly 'border.radius.050': "var(--ds-radius-050)"; | ||
| readonly 'border.radius.100': "var(--ds-radius-100)"; | ||
| readonly 'border.radius.200': "var(--ds-radius-200)"; | ||
| readonly 'border.radius.300': "var(--ds-radius-300)"; | ||
| readonly 'border.radius.400': "var(--ds-radius-400)"; | ||
| readonly 'border.radius.round': "var(--ds-radius-round)"; | ||
| }; | ||
@@ -401,0 +401,0 @@ export type BorderRadius = keyof typeof borderRadiusMap; |
| { | ||
| "name": "@atlaskit/primitives", | ||
| "version": "0.10.1", | ||
| "version": "0.11.0", | ||
| "description": "Primitives are token-backed low-level building blocks.", | ||
@@ -5,0 +5,0 @@ "author": "Atlassian Pty Ltd", |
@@ -85,93 +85,93 @@ <!-- API Report Version: 2.3 --> | ||
| const backgroundColorMap: { | ||
| readonly 'accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)'; | ||
| readonly 'accent.red.subtler': 'var(--ds-background-accent-red-subtler)'; | ||
| readonly 'accent.red.subtle': 'var(--ds-background-accent-red-subtle)'; | ||
| readonly 'accent.red.bolder': 'var(--ds-background-accent-red-bolder)'; | ||
| readonly 'accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)'; | ||
| readonly 'accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)'; | ||
| readonly 'accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)'; | ||
| readonly 'accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)'; | ||
| readonly 'accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)'; | ||
| readonly 'accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)'; | ||
| readonly 'accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)'; | ||
| readonly 'accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)'; | ||
| readonly 'accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)'; | ||
| readonly 'accent.green.subtler': 'var(--ds-background-accent-green-subtler)'; | ||
| readonly 'accent.green.subtle': 'var(--ds-background-accent-green-subtle)'; | ||
| readonly 'accent.green.bolder': 'var(--ds-background-accent-green-bolder)'; | ||
| readonly 'accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)'; | ||
| readonly 'accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)'; | ||
| readonly 'accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)'; | ||
| readonly 'accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)'; | ||
| readonly 'accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)'; | ||
| readonly 'accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)'; | ||
| readonly 'accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)'; | ||
| readonly 'accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)'; | ||
| readonly 'accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)'; | ||
| readonly 'accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)'; | ||
| readonly 'accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)'; | ||
| readonly 'accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)'; | ||
| readonly 'accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)'; | ||
| readonly 'accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)'; | ||
| readonly 'accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)'; | ||
| readonly 'accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)'; | ||
| readonly 'accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)'; | ||
| readonly 'accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)'; | ||
| readonly 'accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)'; | ||
| readonly 'accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)'; | ||
| readonly disabled: 'var(--ds-background-disabled)'; | ||
| readonly input: 'var(--ds-background-input)'; | ||
| readonly 'input.hovered': 'var(--ds-background-input-hovered)'; | ||
| readonly 'input.pressed': 'var(--ds-background-input-pressed)'; | ||
| readonly 'inverse.subtle': 'var(--ds-background-inverse-subtle)'; | ||
| readonly 'inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)'; | ||
| readonly 'inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)'; | ||
| readonly neutral: 'var(--ds-background-neutral)'; | ||
| readonly 'neutral.hovered': 'var(--ds-background-neutral-hovered)'; | ||
| readonly 'neutral.pressed': 'var(--ds-background-neutral-pressed)'; | ||
| readonly 'neutral.subtle': 'var(--ds-background-neutral-subtle)'; | ||
| readonly 'neutral.subtle.hovered': 'var(--ds-background-neutral-subtle-hovered)'; | ||
| readonly 'neutral.subtle.pressed': 'var(--ds-background-neutral-subtle-pressed)'; | ||
| readonly 'neutral.bold': 'var(--ds-background-neutral-bold)'; | ||
| readonly 'neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)'; | ||
| readonly 'neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)'; | ||
| readonly selected: 'var(--ds-background-selected)'; | ||
| readonly 'selected.hovered': 'var(--ds-background-selected-hovered)'; | ||
| readonly 'selected.pressed': 'var(--ds-background-selected-pressed)'; | ||
| readonly 'selected.bold': 'var(--ds-background-selected-bold)'; | ||
| readonly 'selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)'; | ||
| readonly 'selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)'; | ||
| readonly 'brand.bold': 'var(--ds-background-brand-bold)'; | ||
| readonly 'brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)'; | ||
| readonly 'brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)'; | ||
| readonly danger: 'var(--ds-background-danger)'; | ||
| readonly 'danger.hovered': 'var(--ds-background-danger-hovered)'; | ||
| readonly 'danger.pressed': 'var(--ds-background-danger-pressed)'; | ||
| readonly 'danger.bold': 'var(--ds-background-danger-bold)'; | ||
| readonly 'danger.bold.hovered': 'var(--ds-background-danger-bold-hovered)'; | ||
| readonly 'danger.bold.pressed': 'var(--ds-background-danger-bold-pressed)'; | ||
| readonly warning: 'var(--ds-background-warning)'; | ||
| readonly 'warning.hovered': 'var(--ds-background-warning-hovered)'; | ||
| readonly 'warning.pressed': 'var(--ds-background-warning-pressed)'; | ||
| readonly 'warning.bold': 'var(--ds-background-warning-bold)'; | ||
| readonly 'warning.bold.hovered': 'var(--ds-background-warning-bold-hovered)'; | ||
| readonly 'warning.bold.pressed': 'var(--ds-background-warning-bold-pressed)'; | ||
| readonly success: 'var(--ds-background-success)'; | ||
| readonly 'success.hovered': 'var(--ds-background-success-hovered)'; | ||
| readonly 'success.pressed': 'var(--ds-background-success-pressed)'; | ||
| readonly 'success.bold': 'var(--ds-background-success-bold)'; | ||
| readonly 'success.bold.hovered': 'var(--ds-background-success-bold-hovered)'; | ||
| readonly 'success.bold.pressed': 'var(--ds-background-success-bold-pressed)'; | ||
| readonly discovery: 'var(--ds-background-discovery)'; | ||
| readonly 'discovery.hovered': 'var(--ds-background-discovery-hovered)'; | ||
| readonly 'discovery.pressed': 'var(--ds-background-discovery-pressed)'; | ||
| readonly 'discovery.bold': 'var(--ds-background-discovery-bold)'; | ||
| readonly 'discovery.bold.hovered': 'var(--ds-background-discovery-bold-hovered)'; | ||
| readonly 'discovery.bold.pressed': 'var(--ds-background-discovery-bold-pressed)'; | ||
| readonly information: 'var(--ds-background-information)'; | ||
| readonly 'information.hovered': 'var(--ds-background-information-hovered)'; | ||
| readonly 'information.pressed': 'var(--ds-background-information-pressed)'; | ||
| readonly 'information.bold': 'var(--ds-background-information-bold)'; | ||
| readonly 'information.bold.hovered': 'var(--ds-background-information-bold-hovered)'; | ||
| readonly 'information.bold.pressed': 'var(--ds-background-information-bold-pressed)'; | ||
| readonly 'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)'; | ||
| readonly 'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)'; | ||
| readonly 'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)'; | ||
| readonly 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)'; | ||
| readonly 'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)'; | ||
| readonly 'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)'; | ||
| readonly 'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)'; | ||
| readonly 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)'; | ||
| readonly 'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)'; | ||
| readonly 'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)'; | ||
| readonly 'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)'; | ||
| readonly 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)'; | ||
| readonly 'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)'; | ||
| readonly 'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)'; | ||
| readonly 'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)'; | ||
| readonly 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)'; | ||
| readonly 'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)'; | ||
| readonly 'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)'; | ||
| readonly 'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)'; | ||
| readonly 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)'; | ||
| readonly 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)'; | ||
| readonly 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)'; | ||
| readonly 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)'; | ||
| readonly 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)'; | ||
| readonly 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)'; | ||
| readonly 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)'; | ||
| readonly 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)'; | ||
| readonly 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)'; | ||
| readonly 'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)'; | ||
| readonly 'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)'; | ||
| readonly 'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)'; | ||
| readonly 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)'; | ||
| readonly 'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)'; | ||
| readonly 'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)'; | ||
| readonly 'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)'; | ||
| readonly 'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)'; | ||
| readonly 'color.background.disabled': 'var(--ds-background-disabled)'; | ||
| readonly 'color.background.input': 'var(--ds-background-input)'; | ||
| readonly 'color.background.input.hovered': 'var(--ds-background-input-hovered)'; | ||
| readonly 'color.background.input.pressed': 'var(--ds-background-input-pressed)'; | ||
| readonly 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)'; | ||
| readonly 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)'; | ||
| readonly 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)'; | ||
| readonly 'color.background.neutral': 'var(--ds-background-neutral)'; | ||
| readonly 'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)'; | ||
| readonly 'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)'; | ||
| readonly 'color.background.neutral.subtle': 'var(--ds-background-neutral-subtle)'; | ||
| readonly 'color.background.neutral.subtle.hovered': 'var(--ds-background-neutral-subtle-hovered)'; | ||
| readonly 'color.background.neutral.subtle.pressed': 'var(--ds-background-neutral-subtle-pressed)'; | ||
| readonly 'color.background.neutral.bold': 'var(--ds-background-neutral-bold)'; | ||
| readonly 'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)'; | ||
| readonly 'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)'; | ||
| readonly 'color.background.selected': 'var(--ds-background-selected)'; | ||
| readonly 'color.background.selected.hovered': 'var(--ds-background-selected-hovered)'; | ||
| readonly 'color.background.selected.pressed': 'var(--ds-background-selected-pressed)'; | ||
| readonly 'color.background.selected.bold': 'var(--ds-background-selected-bold)'; | ||
| readonly 'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)'; | ||
| readonly 'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)'; | ||
| readonly 'color.background.brand.bold': 'var(--ds-background-brand-bold)'; | ||
| readonly 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)'; | ||
| readonly 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)'; | ||
| readonly 'color.background.danger': 'var(--ds-background-danger)'; | ||
| readonly 'color.background.danger.hovered': 'var(--ds-background-danger-hovered)'; | ||
| readonly 'color.background.danger.pressed': 'var(--ds-background-danger-pressed)'; | ||
| readonly 'color.background.danger.bold': 'var(--ds-background-danger-bold)'; | ||
| readonly 'color.background.danger.bold.hovered': 'var(--ds-background-danger-bold-hovered)'; | ||
| readonly 'color.background.danger.bold.pressed': 'var(--ds-background-danger-bold-pressed)'; | ||
| readonly 'color.background.warning': 'var(--ds-background-warning)'; | ||
| readonly 'color.background.warning.hovered': 'var(--ds-background-warning-hovered)'; | ||
| readonly 'color.background.warning.pressed': 'var(--ds-background-warning-pressed)'; | ||
| readonly 'color.background.warning.bold': 'var(--ds-background-warning-bold)'; | ||
| readonly 'color.background.warning.bold.hovered': 'var(--ds-background-warning-bold-hovered)'; | ||
| readonly 'color.background.warning.bold.pressed': 'var(--ds-background-warning-bold-pressed)'; | ||
| readonly 'color.background.success': 'var(--ds-background-success)'; | ||
| readonly 'color.background.success.hovered': 'var(--ds-background-success-hovered)'; | ||
| readonly 'color.background.success.pressed': 'var(--ds-background-success-pressed)'; | ||
| readonly 'color.background.success.bold': 'var(--ds-background-success-bold)'; | ||
| readonly 'color.background.success.bold.hovered': 'var(--ds-background-success-bold-hovered)'; | ||
| readonly 'color.background.success.bold.pressed': 'var(--ds-background-success-bold-pressed)'; | ||
| readonly 'color.background.discovery': 'var(--ds-background-discovery)'; | ||
| readonly 'color.background.discovery.hovered': 'var(--ds-background-discovery-hovered)'; | ||
| readonly 'color.background.discovery.pressed': 'var(--ds-background-discovery-pressed)'; | ||
| readonly 'color.background.discovery.bold': 'var(--ds-background-discovery-bold)'; | ||
| readonly 'color.background.discovery.bold.hovered': 'var(--ds-background-discovery-bold-hovered)'; | ||
| readonly 'color.background.discovery.bold.pressed': 'var(--ds-background-discovery-bold-pressed)'; | ||
| readonly 'color.background.information': 'var(--ds-background-information)'; | ||
| readonly 'color.background.information.hovered': 'var(--ds-background-information-hovered)'; | ||
| readonly 'color.background.information.pressed': 'var(--ds-background-information-pressed)'; | ||
| readonly 'color.background.information.bold': 'var(--ds-background-information-bold)'; | ||
| readonly 'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)'; | ||
| readonly 'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)'; | ||
| readonly 'color.blanket': 'var(--ds-blanket)'; | ||
@@ -231,23 +231,23 @@ readonly 'color.blanket.selected': 'var(--ds-blanket-selected)'; | ||
| readonly 'color.border': 'var(--ds-border)'; | ||
| readonly 'accent.red': 'var(--ds-border-accent-red)'; | ||
| readonly 'accent.orange': 'var(--ds-border-accent-orange)'; | ||
| readonly 'accent.yellow': 'var(--ds-border-accent-yellow)'; | ||
| readonly 'accent.green': 'var(--ds-border-accent-green)'; | ||
| readonly 'accent.teal': 'var(--ds-border-accent-teal)'; | ||
| readonly 'accent.blue': 'var(--ds-border-accent-blue)'; | ||
| readonly 'accent.purple': 'var(--ds-border-accent-purple)'; | ||
| readonly 'accent.magenta': 'var(--ds-border-accent-magenta)'; | ||
| readonly 'accent.gray': 'var(--ds-border-accent-gray)'; | ||
| readonly disabled: 'var(--ds-border-disabled)'; | ||
| readonly focused: 'var(--ds-border-focused)'; | ||
| readonly input: 'var(--ds-border-input)'; | ||
| readonly inverse: 'var(--ds-border-inverse)'; | ||
| readonly selected: 'var(--ds-border-selected)'; | ||
| readonly brand: 'var(--ds-border-brand)'; | ||
| readonly danger: 'var(--ds-border-danger)'; | ||
| readonly warning: 'var(--ds-border-warning)'; | ||
| readonly success: 'var(--ds-border-success)'; | ||
| readonly discovery: 'var(--ds-border-discovery)'; | ||
| readonly information: 'var(--ds-border-information)'; | ||
| readonly bold: 'var(--ds-border-bold)'; | ||
| readonly 'color.border.accent.red': 'var(--ds-border-accent-red)'; | ||
| readonly 'color.border.accent.orange': 'var(--ds-border-accent-orange)'; | ||
| readonly 'color.border.accent.yellow': 'var(--ds-border-accent-yellow)'; | ||
| readonly 'color.border.accent.green': 'var(--ds-border-accent-green)'; | ||
| readonly 'color.border.accent.teal': 'var(--ds-border-accent-teal)'; | ||
| readonly 'color.border.accent.blue': 'var(--ds-border-accent-blue)'; | ||
| readonly 'color.border.accent.purple': 'var(--ds-border-accent-purple)'; | ||
| readonly 'color.border.accent.magenta': 'var(--ds-border-accent-magenta)'; | ||
| readonly 'color.border.accent.gray': 'var(--ds-border-accent-gray)'; | ||
| readonly 'color.border.disabled': 'var(--ds-border-disabled)'; | ||
| readonly 'color.border.focused': 'var(--ds-border-focused)'; | ||
| readonly 'color.border.input': 'var(--ds-border-input)'; | ||
| readonly 'color.border.inverse': 'var(--ds-border-inverse)'; | ||
| readonly 'color.border.selected': 'var(--ds-border-selected)'; | ||
| readonly 'color.border.brand': 'var(--ds-border-brand)'; | ||
| readonly 'color.border.danger': 'var(--ds-border-danger)'; | ||
| readonly 'color.border.warning': 'var(--ds-border-warning)'; | ||
| readonly 'color.border.success': 'var(--ds-border-success)'; | ||
| readonly 'color.border.discovery': 'var(--ds-border-discovery)'; | ||
| readonly 'color.border.information': 'var(--ds-border-information)'; | ||
| readonly 'color.border.bold': 'var(--ds-border-bold)'; | ||
| }; | ||
@@ -260,8 +260,8 @@ | ||
| const borderRadiusMap: { | ||
| readonly 'radius.050': 'var(--ds-radius-050)'; | ||
| readonly 'radius.100': 'var(--ds-radius-100)'; | ||
| readonly 'radius.200': 'var(--ds-radius-200)'; | ||
| readonly 'radius.300': 'var(--ds-radius-300)'; | ||
| readonly 'radius.400': 'var(--ds-radius-400)'; | ||
| readonly 'radius.round': 'var(--ds-radius-round)'; | ||
| readonly 'border.radius.050': 'var(--ds-radius-050)'; | ||
| readonly 'border.radius.100': 'var(--ds-radius-100)'; | ||
| readonly 'border.radius.200': 'var(--ds-radius-200)'; | ||
| readonly 'border.radius.300': 'var(--ds-radius-300)'; | ||
| readonly 'border.radius.400': 'var(--ds-radius-400)'; | ||
| readonly 'border.radius.round': 'var(--ds-radius-round)'; | ||
| }; | ||
@@ -283,5 +283,5 @@ | ||
| const borderWidthMap: { | ||
| readonly 'width.0': 'var(--ds-width-0)'; | ||
| readonly 'width.050': 'var(--ds-width-050)'; | ||
| readonly 'width.100': 'var(--ds-width-100)'; | ||
| readonly 'border.width.0': 'var(--ds-width-0)'; | ||
| readonly 'border.width.050': 'var(--ds-width-050)'; | ||
| readonly 'border.width.100': 'var(--ds-width-100)'; | ||
| }; | ||
@@ -370,22 +370,22 @@ | ||
| readonly 'color.icon': 'var(--ds-icon)'; | ||
| readonly 'accent.red': 'var(--ds-icon-accent-red)'; | ||
| readonly 'accent.orange': 'var(--ds-icon-accent-orange)'; | ||
| readonly 'accent.yellow': 'var(--ds-icon-accent-yellow)'; | ||
| readonly 'accent.green': 'var(--ds-icon-accent-green)'; | ||
| readonly 'accent.teal': 'var(--ds-icon-accent-teal)'; | ||
| readonly 'accent.blue': 'var(--ds-icon-accent-blue)'; | ||
| readonly 'accent.purple': 'var(--ds-icon-accent-purple)'; | ||
| readonly 'accent.magenta': 'var(--ds-icon-accent-magenta)'; | ||
| readonly 'accent.gray': 'var(--ds-icon-accent-gray)'; | ||
| readonly disabled: 'var(--ds-icon-disabled)'; | ||
| readonly inverse: 'var(--ds-icon-inverse)'; | ||
| readonly selected: 'var(--ds-icon-selected)'; | ||
| readonly brand: 'var(--ds-icon-brand)'; | ||
| readonly danger: 'var(--ds-icon-danger)'; | ||
| readonly warning: 'var(--ds-icon-warning)'; | ||
| readonly 'warning.inverse': 'var(--ds-icon-warning-inverse)'; | ||
| readonly success: 'var(--ds-icon-success)'; | ||
| readonly discovery: 'var(--ds-icon-discovery)'; | ||
| readonly information: 'var(--ds-icon-information)'; | ||
| readonly subtle: 'var(--ds-icon-subtle)'; | ||
| readonly 'color.icon.accent.red': 'var(--ds-icon-accent-red)'; | ||
| readonly 'color.icon.accent.orange': 'var(--ds-icon-accent-orange)'; | ||
| readonly 'color.icon.accent.yellow': 'var(--ds-icon-accent-yellow)'; | ||
| readonly 'color.icon.accent.green': 'var(--ds-icon-accent-green)'; | ||
| readonly 'color.icon.accent.teal': 'var(--ds-icon-accent-teal)'; | ||
| readonly 'color.icon.accent.blue': 'var(--ds-icon-accent-blue)'; | ||
| readonly 'color.icon.accent.purple': 'var(--ds-icon-accent-purple)'; | ||
| readonly 'color.icon.accent.magenta': 'var(--ds-icon-accent-magenta)'; | ||
| readonly 'color.icon.accent.gray': 'var(--ds-icon-accent-gray)'; | ||
| readonly 'color.icon.disabled': 'var(--ds-icon-disabled)'; | ||
| readonly 'color.icon.inverse': 'var(--ds-icon-inverse)'; | ||
| readonly 'color.icon.selected': 'var(--ds-icon-selected)'; | ||
| readonly 'color.icon.brand': 'var(--ds-icon-brand)'; | ||
| readonly 'color.icon.danger': 'var(--ds-icon-danger)'; | ||
| readonly 'color.icon.warning': 'var(--ds-icon-warning)'; | ||
| readonly 'color.icon.warning.inverse': 'var(--ds-icon-warning-inverse)'; | ||
| readonly 'color.icon.success': 'var(--ds-icon-success)'; | ||
| readonly 'color.icon.discovery': 'var(--ds-icon-discovery)'; | ||
| readonly 'color.icon.information': 'var(--ds-icon-information)'; | ||
| readonly 'color.icon.subtle': 'var(--ds-icon-subtle)'; | ||
| }; | ||
@@ -596,7 +596,7 @@ | ||
| const shadowMap: { | ||
| readonly overflow: 'var(--ds-shadow-overflow)'; | ||
| readonly 'overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)'; | ||
| readonly 'overflow.spread': 'var(--ds-shadow-overflow-spread)'; | ||
| readonly overlay: 'var(--ds-shadow-overlay)'; | ||
| readonly raised: 'var(--ds-shadow-raised)'; | ||
| readonly 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)'; | ||
| readonly 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)'; | ||
| readonly 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)'; | ||
| readonly 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)'; | ||
| readonly 'elevation.shadow.raised': 'var(--ds-shadow-raised)'; | ||
| }; | ||
@@ -668,32 +668,32 @@ | ||
| readonly 'color.text': 'var(--ds-text)'; | ||
| readonly 'accent.red': 'var(--ds-text-accent-red)'; | ||
| readonly 'accent.red.bolder': 'var(--ds-text-accent-red-bolder)'; | ||
| readonly 'accent.orange': 'var(--ds-text-accent-orange)'; | ||
| readonly 'accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)'; | ||
| readonly 'accent.yellow': 'var(--ds-text-accent-yellow)'; | ||
| readonly 'accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)'; | ||
| readonly 'accent.green': 'var(--ds-text-accent-green)'; | ||
| readonly 'accent.green.bolder': 'var(--ds-text-accent-green-bolder)'; | ||
| readonly 'accent.teal': 'var(--ds-text-accent-teal)'; | ||
| readonly 'accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)'; | ||
| readonly 'accent.blue': 'var(--ds-text-accent-blue)'; | ||
| readonly 'accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)'; | ||
| readonly 'accent.purple': 'var(--ds-text-accent-purple)'; | ||
| readonly 'accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)'; | ||
| readonly 'accent.magenta': 'var(--ds-text-accent-magenta)'; | ||
| readonly 'accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)'; | ||
| readonly 'accent.gray': 'var(--ds-text-accent-gray)'; | ||
| readonly 'accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)'; | ||
| readonly disabled: 'var(--ds-text-disabled)'; | ||
| readonly inverse: 'var(--ds-text-inverse)'; | ||
| readonly selected: 'var(--ds-text-selected)'; | ||
| readonly brand: 'var(--ds-text-brand)'; | ||
| readonly danger: 'var(--ds-text-danger)'; | ||
| readonly warning: 'var(--ds-text-warning)'; | ||
| readonly 'warning.inverse': 'var(--ds-text-warning-inverse)'; | ||
| readonly success: 'var(--ds-text-success)'; | ||
| readonly discovery: 'var(--ds-text-discovery)'; | ||
| readonly information: 'var(--ds-text-information)'; | ||
| readonly subtlest: 'var(--ds-text-subtlest)'; | ||
| readonly subtle: 'var(--ds-text-subtle)'; | ||
| readonly 'color.text.accent.red': 'var(--ds-text-accent-red)'; | ||
| readonly 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)'; | ||
| readonly 'color.text.accent.orange': 'var(--ds-text-accent-orange)'; | ||
| readonly 'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)'; | ||
| readonly 'color.text.accent.yellow': 'var(--ds-text-accent-yellow)'; | ||
| readonly 'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)'; | ||
| readonly 'color.text.accent.green': 'var(--ds-text-accent-green)'; | ||
| readonly 'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)'; | ||
| readonly 'color.text.accent.teal': 'var(--ds-text-accent-teal)'; | ||
| readonly 'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)'; | ||
| readonly 'color.text.accent.blue': 'var(--ds-text-accent-blue)'; | ||
| readonly 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)'; | ||
| readonly 'color.text.accent.purple': 'var(--ds-text-accent-purple)'; | ||
| readonly 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)'; | ||
| readonly 'color.text.accent.magenta': 'var(--ds-text-accent-magenta)'; | ||
| readonly 'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)'; | ||
| readonly 'color.text.accent.gray': 'var(--ds-text-accent-gray)'; | ||
| readonly 'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)'; | ||
| readonly 'color.text.disabled': 'var(--ds-text-disabled)'; | ||
| readonly 'color.text.inverse': 'var(--ds-text-inverse)'; | ||
| readonly 'color.text.selected': 'var(--ds-text-selected)'; | ||
| readonly 'color.text.brand': 'var(--ds-text-brand)'; | ||
| readonly 'color.text.danger': 'var(--ds-text-danger)'; | ||
| readonly 'color.text.warning': 'var(--ds-text-warning)'; | ||
| readonly 'color.text.warning.inverse': 'var(--ds-text-warning-inverse)'; | ||
| readonly 'color.text.success': 'var(--ds-text-success)'; | ||
| readonly 'color.text.discovery': 'var(--ds-text-discovery)'; | ||
| readonly 'color.text.information': 'var(--ds-text-information)'; | ||
| readonly 'color.text.subtlest': 'var(--ds-text-subtlest)'; | ||
| readonly 'color.text.subtle': 'var(--ds-text-subtle)'; | ||
| }; | ||
@@ -700,0 +700,0 @@ |
@@ -61,93 +61,93 @@ ## API Report File for "@atlaskit/primitives" | ||
| const backgroundColorMap: { | ||
| readonly 'accent.red.subtlest': "var(--ds-background-accent-red-subtlest)"; | ||
| readonly 'accent.red.subtler': "var(--ds-background-accent-red-subtler)"; | ||
| readonly 'accent.red.subtle': "var(--ds-background-accent-red-subtle)"; | ||
| readonly 'accent.red.bolder': "var(--ds-background-accent-red-bolder)"; | ||
| readonly 'accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)"; | ||
| readonly 'accent.orange.subtler': "var(--ds-background-accent-orange-subtler)"; | ||
| readonly 'accent.orange.subtle': "var(--ds-background-accent-orange-subtle)"; | ||
| readonly 'accent.orange.bolder': "var(--ds-background-accent-orange-bolder)"; | ||
| readonly 'accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)"; | ||
| readonly 'accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)"; | ||
| readonly 'accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)"; | ||
| readonly 'accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)"; | ||
| readonly 'accent.green.subtlest': "var(--ds-background-accent-green-subtlest)"; | ||
| readonly 'accent.green.subtler': "var(--ds-background-accent-green-subtler)"; | ||
| readonly 'accent.green.subtle': "var(--ds-background-accent-green-subtle)"; | ||
| readonly 'accent.green.bolder': "var(--ds-background-accent-green-bolder)"; | ||
| readonly 'accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)"; | ||
| readonly 'accent.teal.subtler': "var(--ds-background-accent-teal-subtler)"; | ||
| readonly 'accent.teal.subtle': "var(--ds-background-accent-teal-subtle)"; | ||
| readonly 'accent.teal.bolder': "var(--ds-background-accent-teal-bolder)"; | ||
| readonly 'accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)"; | ||
| readonly 'accent.blue.subtler': "var(--ds-background-accent-blue-subtler)"; | ||
| readonly 'accent.blue.subtle': "var(--ds-background-accent-blue-subtle)"; | ||
| readonly 'accent.blue.bolder': "var(--ds-background-accent-blue-bolder)"; | ||
| readonly 'accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)"; | ||
| readonly 'accent.purple.subtler': "var(--ds-background-accent-purple-subtler)"; | ||
| readonly 'accent.purple.subtle': "var(--ds-background-accent-purple-subtle)"; | ||
| readonly 'accent.purple.bolder': "var(--ds-background-accent-purple-bolder)"; | ||
| readonly 'accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)"; | ||
| readonly 'accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)"; | ||
| readonly 'accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)"; | ||
| readonly 'accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)"; | ||
| readonly 'accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)"; | ||
| readonly 'accent.gray.subtler': "var(--ds-background-accent-gray-subtler)"; | ||
| readonly 'accent.gray.subtle': "var(--ds-background-accent-gray-subtle)"; | ||
| readonly 'accent.gray.bolder': "var(--ds-background-accent-gray-bolder)"; | ||
| readonly disabled: "var(--ds-background-disabled)"; | ||
| readonly input: "var(--ds-background-input)"; | ||
| readonly 'input.hovered': "var(--ds-background-input-hovered)"; | ||
| readonly 'input.pressed': "var(--ds-background-input-pressed)"; | ||
| readonly 'inverse.subtle': "var(--ds-background-inverse-subtle)"; | ||
| readonly 'inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)"; | ||
| readonly 'inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)"; | ||
| readonly neutral: "var(--ds-background-neutral)"; | ||
| readonly 'neutral.hovered': "var(--ds-background-neutral-hovered)"; | ||
| readonly 'neutral.pressed': "var(--ds-background-neutral-pressed)"; | ||
| readonly 'neutral.subtle': "var(--ds-background-neutral-subtle)"; | ||
| readonly 'neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)"; | ||
| readonly 'neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)"; | ||
| readonly 'neutral.bold': "var(--ds-background-neutral-bold)"; | ||
| readonly 'neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)"; | ||
| readonly 'neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)"; | ||
| readonly selected: "var(--ds-background-selected)"; | ||
| readonly 'selected.hovered': "var(--ds-background-selected-hovered)"; | ||
| readonly 'selected.pressed': "var(--ds-background-selected-pressed)"; | ||
| readonly 'selected.bold': "var(--ds-background-selected-bold)"; | ||
| readonly 'selected.bold.hovered': "var(--ds-background-selected-bold-hovered)"; | ||
| readonly 'selected.bold.pressed': "var(--ds-background-selected-bold-pressed)"; | ||
| readonly 'brand.bold': "var(--ds-background-brand-bold)"; | ||
| readonly 'brand.bold.hovered': "var(--ds-background-brand-bold-hovered)"; | ||
| readonly 'brand.bold.pressed': "var(--ds-background-brand-bold-pressed)"; | ||
| readonly danger: "var(--ds-background-danger)"; | ||
| readonly 'danger.hovered': "var(--ds-background-danger-hovered)"; | ||
| readonly 'danger.pressed': "var(--ds-background-danger-pressed)"; | ||
| readonly 'danger.bold': "var(--ds-background-danger-bold)"; | ||
| readonly 'danger.bold.hovered': "var(--ds-background-danger-bold-hovered)"; | ||
| readonly 'danger.bold.pressed': "var(--ds-background-danger-bold-pressed)"; | ||
| readonly warning: "var(--ds-background-warning)"; | ||
| readonly 'warning.hovered': "var(--ds-background-warning-hovered)"; | ||
| readonly 'warning.pressed': "var(--ds-background-warning-pressed)"; | ||
| readonly 'warning.bold': "var(--ds-background-warning-bold)"; | ||
| readonly 'warning.bold.hovered': "var(--ds-background-warning-bold-hovered)"; | ||
| readonly 'warning.bold.pressed': "var(--ds-background-warning-bold-pressed)"; | ||
| readonly success: "var(--ds-background-success)"; | ||
| readonly 'success.hovered': "var(--ds-background-success-hovered)"; | ||
| readonly 'success.pressed': "var(--ds-background-success-pressed)"; | ||
| readonly 'success.bold': "var(--ds-background-success-bold)"; | ||
| readonly 'success.bold.hovered': "var(--ds-background-success-bold-hovered)"; | ||
| readonly 'success.bold.pressed': "var(--ds-background-success-bold-pressed)"; | ||
| readonly discovery: "var(--ds-background-discovery)"; | ||
| readonly 'discovery.hovered': "var(--ds-background-discovery-hovered)"; | ||
| readonly 'discovery.pressed': "var(--ds-background-discovery-pressed)"; | ||
| readonly 'discovery.bold': "var(--ds-background-discovery-bold)"; | ||
| readonly 'discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)"; | ||
| readonly 'discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)"; | ||
| readonly information: "var(--ds-background-information)"; | ||
| readonly 'information.hovered': "var(--ds-background-information-hovered)"; | ||
| readonly 'information.pressed': "var(--ds-background-information-pressed)"; | ||
| readonly 'information.bold': "var(--ds-background-information-bold)"; | ||
| readonly 'information.bold.hovered': "var(--ds-background-information-bold-hovered)"; | ||
| readonly 'information.bold.pressed': "var(--ds-background-information-bold-pressed)"; | ||
| readonly 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest)"; | ||
| readonly 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler)"; | ||
| readonly 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle)"; | ||
| readonly 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder)"; | ||
| readonly 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)"; | ||
| readonly 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler)"; | ||
| readonly 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle)"; | ||
| readonly 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder)"; | ||
| readonly 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)"; | ||
| readonly 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)"; | ||
| readonly 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)"; | ||
| readonly 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)"; | ||
| readonly 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest)"; | ||
| readonly 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler)"; | ||
| readonly 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle)"; | ||
| readonly 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder)"; | ||
| readonly 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)"; | ||
| readonly 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler)"; | ||
| readonly 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle)"; | ||
| readonly 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder)"; | ||
| readonly 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)"; | ||
| readonly 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler)"; | ||
| readonly 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle)"; | ||
| readonly 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder)"; | ||
| readonly 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)"; | ||
| readonly 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler)"; | ||
| readonly 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle)"; | ||
| readonly 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder)"; | ||
| readonly 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)"; | ||
| readonly 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)"; | ||
| readonly 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)"; | ||
| readonly 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)"; | ||
| readonly 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)"; | ||
| readonly 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler)"; | ||
| readonly 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle)"; | ||
| readonly 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder)"; | ||
| readonly 'color.background.disabled': "var(--ds-background-disabled)"; | ||
| readonly 'color.background.input': "var(--ds-background-input)"; | ||
| readonly 'color.background.input.hovered': "var(--ds-background-input-hovered)"; | ||
| readonly 'color.background.input.pressed': "var(--ds-background-input-pressed)"; | ||
| readonly 'color.background.inverse.subtle': "var(--ds-background-inverse-subtle)"; | ||
| readonly 'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)"; | ||
| readonly 'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)"; | ||
| readonly 'color.background.neutral': "var(--ds-background-neutral)"; | ||
| readonly 'color.background.neutral.hovered': "var(--ds-background-neutral-hovered)"; | ||
| readonly 'color.background.neutral.pressed': "var(--ds-background-neutral-pressed)"; | ||
| readonly 'color.background.neutral.subtle': "var(--ds-background-neutral-subtle)"; | ||
| readonly 'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)"; | ||
| readonly 'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)"; | ||
| readonly 'color.background.neutral.bold': "var(--ds-background-neutral-bold)"; | ||
| readonly 'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)"; | ||
| readonly 'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)"; | ||
| readonly 'color.background.selected': "var(--ds-background-selected)"; | ||
| readonly 'color.background.selected.hovered': "var(--ds-background-selected-hovered)"; | ||
| readonly 'color.background.selected.pressed': "var(--ds-background-selected-pressed)"; | ||
| readonly 'color.background.selected.bold': "var(--ds-background-selected-bold)"; | ||
| readonly 'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered)"; | ||
| readonly 'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed)"; | ||
| readonly 'color.background.brand.bold': "var(--ds-background-brand-bold)"; | ||
| readonly 'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered)"; | ||
| readonly 'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed)"; | ||
| readonly 'color.background.danger': "var(--ds-background-danger)"; | ||
| readonly 'color.background.danger.hovered': "var(--ds-background-danger-hovered)"; | ||
| readonly 'color.background.danger.pressed': "var(--ds-background-danger-pressed)"; | ||
| readonly 'color.background.danger.bold': "var(--ds-background-danger-bold)"; | ||
| readonly 'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered)"; | ||
| readonly 'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed)"; | ||
| readonly 'color.background.warning': "var(--ds-background-warning)"; | ||
| readonly 'color.background.warning.hovered': "var(--ds-background-warning-hovered)"; | ||
| readonly 'color.background.warning.pressed': "var(--ds-background-warning-pressed)"; | ||
| readonly 'color.background.warning.bold': "var(--ds-background-warning-bold)"; | ||
| readonly 'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered)"; | ||
| readonly 'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed)"; | ||
| readonly 'color.background.success': "var(--ds-background-success)"; | ||
| readonly 'color.background.success.hovered': "var(--ds-background-success-hovered)"; | ||
| readonly 'color.background.success.pressed': "var(--ds-background-success-pressed)"; | ||
| readonly 'color.background.success.bold': "var(--ds-background-success-bold)"; | ||
| readonly 'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered)"; | ||
| readonly 'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed)"; | ||
| readonly 'color.background.discovery': "var(--ds-background-discovery)"; | ||
| readonly 'color.background.discovery.hovered': "var(--ds-background-discovery-hovered)"; | ||
| readonly 'color.background.discovery.pressed': "var(--ds-background-discovery-pressed)"; | ||
| readonly 'color.background.discovery.bold': "var(--ds-background-discovery-bold)"; | ||
| readonly 'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)"; | ||
| readonly 'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)"; | ||
| readonly 'color.background.information': "var(--ds-background-information)"; | ||
| readonly 'color.background.information.hovered': "var(--ds-background-information-hovered)"; | ||
| readonly 'color.background.information.pressed': "var(--ds-background-information-pressed)"; | ||
| readonly 'color.background.information.bold': "var(--ds-background-information-bold)"; | ||
| readonly 'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered)"; | ||
| readonly 'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed)"; | ||
| readonly 'color.blanket': "var(--ds-blanket)"; | ||
@@ -202,23 +202,23 @@ readonly 'color.blanket.selected': "var(--ds-blanket-selected)"; | ||
| readonly 'color.border': "var(--ds-border)"; | ||
| readonly 'accent.red': "var(--ds-border-accent-red)"; | ||
| readonly 'accent.orange': "var(--ds-border-accent-orange)"; | ||
| readonly 'accent.yellow': "var(--ds-border-accent-yellow)"; | ||
| readonly 'accent.green': "var(--ds-border-accent-green)"; | ||
| readonly 'accent.teal': "var(--ds-border-accent-teal)"; | ||
| readonly 'accent.blue': "var(--ds-border-accent-blue)"; | ||
| readonly 'accent.purple': "var(--ds-border-accent-purple)"; | ||
| readonly 'accent.magenta': "var(--ds-border-accent-magenta)"; | ||
| readonly 'accent.gray': "var(--ds-border-accent-gray)"; | ||
| readonly disabled: "var(--ds-border-disabled)"; | ||
| readonly focused: "var(--ds-border-focused)"; | ||
| readonly input: "var(--ds-border-input)"; | ||
| readonly inverse: "var(--ds-border-inverse)"; | ||
| readonly selected: "var(--ds-border-selected)"; | ||
| readonly brand: "var(--ds-border-brand)"; | ||
| readonly danger: "var(--ds-border-danger)"; | ||
| readonly warning: "var(--ds-border-warning)"; | ||
| readonly success: "var(--ds-border-success)"; | ||
| readonly discovery: "var(--ds-border-discovery)"; | ||
| readonly information: "var(--ds-border-information)"; | ||
| readonly bold: "var(--ds-border-bold)"; | ||
| readonly 'color.border.accent.red': "var(--ds-border-accent-red)"; | ||
| readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)"; | ||
| readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)"; | ||
| readonly 'color.border.accent.green': "var(--ds-border-accent-green)"; | ||
| readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)"; | ||
| readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)"; | ||
| readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)"; | ||
| readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)"; | ||
| readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)"; | ||
| readonly 'color.border.disabled': "var(--ds-border-disabled)"; | ||
| readonly 'color.border.focused': "var(--ds-border-focused)"; | ||
| readonly 'color.border.input': "var(--ds-border-input)"; | ||
| readonly 'color.border.inverse': "var(--ds-border-inverse)"; | ||
| readonly 'color.border.selected': "var(--ds-border-selected)"; | ||
| readonly 'color.border.brand': "var(--ds-border-brand)"; | ||
| readonly 'color.border.danger': "var(--ds-border-danger)"; | ||
| readonly 'color.border.warning': "var(--ds-border-warning)"; | ||
| readonly 'color.border.success': "var(--ds-border-success)"; | ||
| readonly 'color.border.discovery': "var(--ds-border-discovery)"; | ||
| readonly 'color.border.information': "var(--ds-border-information)"; | ||
| readonly 'color.border.bold': "var(--ds-border-bold)"; | ||
| }; | ||
@@ -231,8 +231,8 @@ | ||
| const borderRadiusMap: { | ||
| readonly 'radius.050': "var(--ds-radius-050)"; | ||
| readonly 'radius.100': "var(--ds-radius-100)"; | ||
| readonly 'radius.200': "var(--ds-radius-200)"; | ||
| readonly 'radius.300': "var(--ds-radius-300)"; | ||
| readonly 'radius.400': "var(--ds-radius-400)"; | ||
| readonly 'radius.round': "var(--ds-radius-round)"; | ||
| readonly 'border.radius.050': "var(--ds-radius-050)"; | ||
| readonly 'border.radius.100': "var(--ds-radius-100)"; | ||
| readonly 'border.radius.200': "var(--ds-radius-200)"; | ||
| readonly 'border.radius.300': "var(--ds-radius-300)"; | ||
| readonly 'border.radius.400': "var(--ds-radius-400)"; | ||
| readonly 'border.radius.round': "var(--ds-radius-round)"; | ||
| }; | ||
@@ -254,5 +254,5 @@ | ||
| const borderWidthMap: { | ||
| readonly 'width.0': "var(--ds-width-0)"; | ||
| readonly 'width.050': "var(--ds-width-050)"; | ||
| readonly 'width.100': "var(--ds-width-100)"; | ||
| readonly 'border.width.0': "var(--ds-width-0)"; | ||
| readonly 'border.width.050': "var(--ds-width-050)"; | ||
| readonly 'border.width.100': "var(--ds-width-100)"; | ||
| }; | ||
@@ -332,22 +332,22 @@ | ||
| readonly 'color.icon': "var(--ds-icon)"; | ||
| readonly 'accent.red': "var(--ds-icon-accent-red)"; | ||
| readonly 'accent.orange': "var(--ds-icon-accent-orange)"; | ||
| readonly 'accent.yellow': "var(--ds-icon-accent-yellow)"; | ||
| readonly 'accent.green': "var(--ds-icon-accent-green)"; | ||
| readonly 'accent.teal': "var(--ds-icon-accent-teal)"; | ||
| readonly 'accent.blue': "var(--ds-icon-accent-blue)"; | ||
| readonly 'accent.purple': "var(--ds-icon-accent-purple)"; | ||
| readonly 'accent.magenta': "var(--ds-icon-accent-magenta)"; | ||
| readonly 'accent.gray': "var(--ds-icon-accent-gray)"; | ||
| readonly disabled: "var(--ds-icon-disabled)"; | ||
| readonly inverse: "var(--ds-icon-inverse)"; | ||
| readonly selected: "var(--ds-icon-selected)"; | ||
| readonly brand: "var(--ds-icon-brand)"; | ||
| readonly danger: "var(--ds-icon-danger)"; | ||
| readonly warning: "var(--ds-icon-warning)"; | ||
| readonly 'warning.inverse': "var(--ds-icon-warning-inverse)"; | ||
| readonly success: "var(--ds-icon-success)"; | ||
| readonly discovery: "var(--ds-icon-discovery)"; | ||
| readonly information: "var(--ds-icon-information)"; | ||
| readonly subtle: "var(--ds-icon-subtle)"; | ||
| readonly 'color.icon.accent.red': "var(--ds-icon-accent-red)"; | ||
| readonly 'color.icon.accent.orange': "var(--ds-icon-accent-orange)"; | ||
| readonly 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow)"; | ||
| readonly 'color.icon.accent.green': "var(--ds-icon-accent-green)"; | ||
| readonly 'color.icon.accent.teal': "var(--ds-icon-accent-teal)"; | ||
| readonly 'color.icon.accent.blue': "var(--ds-icon-accent-blue)"; | ||
| readonly 'color.icon.accent.purple': "var(--ds-icon-accent-purple)"; | ||
| readonly 'color.icon.accent.magenta': "var(--ds-icon-accent-magenta)"; | ||
| readonly 'color.icon.accent.gray': "var(--ds-icon-accent-gray)"; | ||
| readonly 'color.icon.disabled': "var(--ds-icon-disabled)"; | ||
| readonly 'color.icon.inverse': "var(--ds-icon-inverse)"; | ||
| readonly 'color.icon.selected': "var(--ds-icon-selected)"; | ||
| readonly 'color.icon.brand': "var(--ds-icon-brand)"; | ||
| readonly 'color.icon.danger': "var(--ds-icon-danger)"; | ||
| readonly 'color.icon.warning': "var(--ds-icon-warning)"; | ||
| readonly 'color.icon.warning.inverse': "var(--ds-icon-warning-inverse)"; | ||
| readonly 'color.icon.success': "var(--ds-icon-success)"; | ||
| readonly 'color.icon.discovery': "var(--ds-icon-discovery)"; | ||
| readonly 'color.icon.information': "var(--ds-icon-information)"; | ||
| readonly 'color.icon.subtle': "var(--ds-icon-subtle)"; | ||
| }; | ||
@@ -532,7 +532,7 @@ | ||
| const shadowMap: { | ||
| readonly overflow: "var(--ds-shadow-overflow)"; | ||
| readonly 'overflow.perimeter': "var(--ds-shadow-overflow-perimeter)"; | ||
| readonly 'overflow.spread': "var(--ds-shadow-overflow-spread)"; | ||
| readonly overlay: "var(--ds-shadow-overlay)"; | ||
| readonly raised: "var(--ds-shadow-raised)"; | ||
| readonly 'elevation.shadow.overflow': "var(--ds-shadow-overflow)"; | ||
| readonly 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter)"; | ||
| readonly 'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread)"; | ||
| readonly 'elevation.shadow.overlay': "var(--ds-shadow-overlay)"; | ||
| readonly 'elevation.shadow.raised': "var(--ds-shadow-raised)"; | ||
| }; | ||
@@ -589,32 +589,32 @@ | ||
| readonly 'color.text': "var(--ds-text)"; | ||
| readonly 'accent.red': "var(--ds-text-accent-red)"; | ||
| readonly 'accent.red.bolder': "var(--ds-text-accent-red-bolder)"; | ||
| readonly 'accent.orange': "var(--ds-text-accent-orange)"; | ||
| readonly 'accent.orange.bolder': "var(--ds-text-accent-orange-bolder)"; | ||
| readonly 'accent.yellow': "var(--ds-text-accent-yellow)"; | ||
| readonly 'accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)"; | ||
| readonly 'accent.green': "var(--ds-text-accent-green)"; | ||
| readonly 'accent.green.bolder': "var(--ds-text-accent-green-bolder)"; | ||
| readonly 'accent.teal': "var(--ds-text-accent-teal)"; | ||
| readonly 'accent.teal.bolder': "var(--ds-text-accent-teal-bolder)"; | ||
| readonly 'accent.blue': "var(--ds-text-accent-blue)"; | ||
| readonly 'accent.blue.bolder': "var(--ds-text-accent-blue-bolder)"; | ||
| readonly 'accent.purple': "var(--ds-text-accent-purple)"; | ||
| readonly 'accent.purple.bolder': "var(--ds-text-accent-purple-bolder)"; | ||
| readonly 'accent.magenta': "var(--ds-text-accent-magenta)"; | ||
| readonly 'accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)"; | ||
| readonly 'accent.gray': "var(--ds-text-accent-gray)"; | ||
| readonly 'accent.gray.bolder': "var(--ds-text-accent-gray-bolder)"; | ||
| readonly disabled: "var(--ds-text-disabled)"; | ||
| readonly inverse: "var(--ds-text-inverse)"; | ||
| readonly selected: "var(--ds-text-selected)"; | ||
| readonly brand: "var(--ds-text-brand)"; | ||
| readonly danger: "var(--ds-text-danger)"; | ||
| readonly warning: "var(--ds-text-warning)"; | ||
| readonly 'warning.inverse': "var(--ds-text-warning-inverse)"; | ||
| readonly success: "var(--ds-text-success)"; | ||
| readonly discovery: "var(--ds-text-discovery)"; | ||
| readonly information: "var(--ds-text-information)"; | ||
| readonly subtlest: "var(--ds-text-subtlest)"; | ||
| readonly subtle: "var(--ds-text-subtle)"; | ||
| readonly 'color.text.accent.red': "var(--ds-text-accent-red)"; | ||
| readonly 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder)"; | ||
| readonly 'color.text.accent.orange': "var(--ds-text-accent-orange)"; | ||
| readonly 'color.text.accent.orange.bolder': "var(--ds-text-accent-orange-bolder)"; | ||
| readonly 'color.text.accent.yellow': "var(--ds-text-accent-yellow)"; | ||
| readonly 'color.text.accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)"; | ||
| readonly 'color.text.accent.green': "var(--ds-text-accent-green)"; | ||
| readonly 'color.text.accent.green.bolder': "var(--ds-text-accent-green-bolder)"; | ||
| readonly 'color.text.accent.teal': "var(--ds-text-accent-teal)"; | ||
| readonly 'color.text.accent.teal.bolder': "var(--ds-text-accent-teal-bolder)"; | ||
| readonly 'color.text.accent.blue': "var(--ds-text-accent-blue)"; | ||
| readonly 'color.text.accent.blue.bolder': "var(--ds-text-accent-blue-bolder)"; | ||
| readonly 'color.text.accent.purple': "var(--ds-text-accent-purple)"; | ||
| readonly 'color.text.accent.purple.bolder': "var(--ds-text-accent-purple-bolder)"; | ||
| readonly 'color.text.accent.magenta': "var(--ds-text-accent-magenta)"; | ||
| readonly 'color.text.accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)"; | ||
| readonly 'color.text.accent.gray': "var(--ds-text-accent-gray)"; | ||
| readonly 'color.text.accent.gray.bolder': "var(--ds-text-accent-gray-bolder)"; | ||
| readonly 'color.text.disabled': "var(--ds-text-disabled)"; | ||
| readonly 'color.text.inverse': "var(--ds-text-inverse)"; | ||
| readonly 'color.text.selected': "var(--ds-text-selected)"; | ||
| readonly 'color.text.brand': "var(--ds-text-brand)"; | ||
| readonly 'color.text.danger': "var(--ds-text-danger)"; | ||
| readonly 'color.text.warning': "var(--ds-text-warning)"; | ||
| readonly 'color.text.warning.inverse': "var(--ds-text-warning-inverse)"; | ||
| readonly 'color.text.success': "var(--ds-text-success)"; | ||
| readonly 'color.text.discovery': "var(--ds-text-discovery)"; | ||
| readonly 'color.text.information': "var(--ds-text-information)"; | ||
| readonly 'color.text.subtlest': "var(--ds-text-subtlest)"; | ||
| readonly 'color.text.subtle': "var(--ds-text-subtle)"; | ||
| }; | ||
@@ -621,0 +621,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.25%
1713763
Worsened metrics
- Lines of code
- decreased by-0.07%
6725
No dependency changes