@microsoft/atlas-css 3.21.0 → 3.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tokens.json +1 -1
- package/dist/tokens.ts +8 -0
- package/package.json +1 -1
- package/src/atomics/background.scss +11 -0
- package/src/atomics/border.scss +4 -0
- package/src/atomics/index.scss +1 -1
- package/src/components/gradient.scss +90 -0
- package/src/components/index.scss +2 -0
- package/src/components/media.scss +22 -0
- package/src/tokens/colors.scss +4 -0
- package/src/tokens/direction.scss +1 -1
- package/src/tokens/palette.scss +5 -0
- package/src/tokens/themes.scss +18 -9
- package/src/atomics/background-pattern.scss +0 -3
package/dist/tokens.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"animation":{"name":"animation","location":"/css/src/tokens/animation.scss","tokens":{"$input-timing-function":"cubic-bezier(0.4, 0, 0.23, 1)","$input-transition-duration":"200ms","$nav-bar-transition-duration":"86ms"}},"border":{"name":"border","location":"/css/src/tokens/border.scss","tokens":{"$border-width":"1px","$border-width-md":"0.125rem","$border-width-lg":"0.25rem","$border-radius-sm":"0.125rem","$border-radius":"0.25rem","$border-radius-lg":"0.375rem","$border-radius-rounded":"290486px"}},"breakpoints":{"name":"breakpoints","location":"/css/src/tokens/breakpoints.scss","tokens":{"$container-gap":"64px","$breakpoint-tablet":"768px","$breakpoint-desktop":"1088px","$breakpoint-widescreen":"1800px"}},"colors":{"name":"colors","location":"/css/src/tokens/colors.scss","tokens":{"$white-static":"#fff","$black-static":"#000","$text":"var(--theme-text)","$text-subtle":"var(--theme-text-subtle)","$text-invert":"var(--theme-text-invert)","$hyperlink":"var(--theme-hyperlink)","$text-glow-high-contrast":"var(--theme-text-glow-high-contrast)","$box-shadow-color-light":"var(--theme-box-shadow-light)","$box-shadow-color-medium":"var(--theme-box-shadow-medium)","$box-shadow-color-heavy":"var(--theme-box-shadow-heavy)","$box-shadow-color-extra-heavy":"var(--theme-box-shadow-extra-heavy)","$body-background":"var(--theme-body-background)","$body-background-medium":"var(--theme-body-background-medium)","$body-background-accent":"var(--theme-body-background-accent)","$alternate-background":"var(--theme-alternate-background)","$alternate-background-medium":"var(--theme-alternate-background-medium)","$overlay":"var(--theme-overlay)","$overlay-invert":"var(--theme-overlay-invert)","$overlay-static":"rgba(0, 0, 0, 0.5)","$border":"var(--theme-border)","$code-header":"var(--theme-code-header)","$code-block":"var(--theme-code-block)","$inline-code":"var(--theme-inline-code)","$control-border":"var(--theme-control-border)","$table-header":"var(--theme-table-header)","$table-row":"var(--theme-table-row)","$table-row-header":"var(--theme-table-row-header)","$table-border-dark":"var(--theme-table-border-dark)","$facepile-red":"var(--theme-facepile-red)","$facepile-teal":"var(--theme-facepile-teal)","$facepile-blue":"var(--theme-facepile-blue)","$default-hover":"var(--theme-hover-base)","$default-hover-invert":"var(--theme-body-background-medium)","$border-white-high-contrast":"var(--theme-border-white-high-contrast)","$border-yellow-high-contrast":"var(--theme-border-yellow-high-contrast)","$code-highlight-background":"var(--theme-code-highlight-background)","$visited":"var(--theme-visited)","$score-low-off":"var(--theme-score-low-off)","$score-low":"var(--theme-score-low)","$score-medium-off":"var(--theme-score-medium-off)","$score-medium":"var(--theme-score-medium)","$score-high-off":"var(--theme-score-high-off)","$score-high":"var(--theme-score-high)","$primary":"var(--theme-primary-base)","$primary-background":"var(--theme-primary-background)","$primary-background-glow-high-contrast":"var(--theme-primary-background-glow-high-contrast)","$primary-dark":"var(--theme-primary-dark)","$primary-hover":"var(--theme-primary-hover)","$primary-active":"var(--theme-primary-active)","$primary-invert":"var(--theme-primary-invert)","$primary-box-shadow":"var(--theme-primary-box-shadow)","$secondary":"var(--theme-secondary-base)","$secondary-background":"var(--theme-secondary-background)","$secondary-background-glow-high-contrast":"var(--theme-secondary-background-glow-high-contrast)","$secondary-dark":"var(--theme-secondary-dark)","$secondary-hover":"var(--theme-secondary-hover)","$secondary-active":"var(--theme-secondary-active)","$secondary-invert":"var(--theme-secondary-invert)","$secondary-box-shadow":"var(--theme-secondary-box-shadow)","$tertiary":"var(--theme-tertiary-base)","$tertiary-background":"var(--theme-tertiary-background)","$tertiary-background-glow-high-contrast":"var(--theme-tertiary-background-glow-high-contrast)","$tertiary-dark":"var(--theme-tertiary-dark)","$tertiary-hover":"var(--theme-tertiary-hover)","$tertiary-active":"var(--theme-tertiary-active)","$tertiary-invert":"var(--theme-tertiary-invert)","$tertiary-box-shadow":"var(--theme-tertiary-box-shadow)","$success":"var(--theme-success-base)","$success-background":"var(--theme-success-background)","$success-background-glow-high-contrast":"var(--theme-success-background-glow-high-contrast)","$success-dark":"var(--theme-success-dark)","$success-hover":"var(--theme-success-hover)","$success-active":"var(--theme-success-active)","$success-invert":"var(--theme-success-invert)","$success-box-shadow":"var(--theme-success-box-shadow)","$info":"var(--theme-info-base)","$info-background":"var(--theme-info-background)","$info-background-glow-high-contrast":"var(--theme-info-background-glow-high-contrast)","$info-dark":"var(--theme-info-dark)","$info-hover":"var(--theme-info-hover)","$info-active":"var(--theme-info-active)","$info-invert":"var(--theme-info-invert)","$info-box-shadow":"var(--theme-info-box-shadow)","$warning":"var(--theme-warning-base)","$warning-background":"var(--theme-warning-background)","$warning-background-glow-high-contrast":"var(--theme-warning-background-glow-high-contrast)","$warning-dark":"var(--theme-warning-dark)","$warning-hover":"var(--theme-warning-hover)","$warning-active":"var(--theme-warning-active)","$warning-invert":"var(--theme-warning-invert)","$warning-box-shadow":"var(--theme-warning-box-shadow)","$danger":"var(--theme-danger-base)","$danger-background":"var(--theme-danger-background)","$danger-background-glow-high-contrast":"var(--theme-danger-background-glow-high-contrast)","$danger-dark":"var(--theme-danger-dark)","$danger-hover":"var(--theme-danger-hover)","$danger-active":"var(--theme-danger-active)","$danger-invert":"var(--theme-danger-invert)","$danger-box-shadow":"var(--theme-danger-box-shadow)","$colors":{"primary":"var(--theme-primary-base),var(--theme-primary-background),var(--theme-primary-dark),var(--theme-primary-hover),var(--theme-primary-active),var(--theme-primary-invert),var(--theme-primary-box-shadow),var(--theme-primary-background-glow-high-contrast)","secondary":"var(--theme-secondary-base),var(--theme-secondary-background),var(--theme-secondary-dark),var(--theme-secondary-hover),var(--theme-secondary-active),var(--theme-secondary-invert),var(--theme-secondary-box-shadow),var(--theme-secondary-background-glow-high-contrast)","tertiary":"var(--theme-tertiary-base),var(--theme-tertiary-background),var(--theme-tertiary-dark),var(--theme-tertiary-hover),var(--theme-tertiary-active),var(--theme-tertiary-invert),var(--theme-tertiary-box-shadow),var(--theme-tertiary-background-glow-high-contrast)","success":"var(--theme-success-base),var(--theme-success-background),var(--theme-success-dark),var(--theme-success-hover),var(--theme-success-active),var(--theme-success-invert),var(--theme-success-box-shadow),var(--theme-success-background-glow-high-contrast)","info":"var(--theme-info-base),var(--theme-info-background),var(--theme-info-dark),var(--theme-info-hover),var(--theme-info-active),var(--theme-info-invert),var(--theme-info-box-shadow),var(--theme-info-background-glow-high-contrast)","warning":"var(--theme-warning-base),var(--theme-warning-background),var(--theme-warning-dark),var(--theme-warning-hover),var(--theme-warning-active),var(--theme-warning-invert),var(--theme-warning-box-shadow),var(--theme-warning-background-glow-high-contrast)","danger":"var(--theme-danger-base),var(--theme-danger-background),var(--theme-danger-dark),var(--theme-danger-hover),var(--theme-danger-active),var(--theme-danger-invert),var(--theme-danger-box-shadow),var(--theme-danger-background-glow-high-contrast)"},"$color-index-base":"1","$color-index-background":"2","$color-index-dark":"3","$color-index-hover":"4","$color-index-active":"5","$color-index-invert":"6","$color-index-box-shadow":"7","$color-index-background-glow-high-contrast":"8"}},"direction":{"name":"direction","location":"/css/src/tokens/direction.scss","tokens":{"$user-text-direction":"ltr","$user-left":"left","$user-right":"right","$user-translate-x-direction":"1","$directions":{"top":"top","right":"right","bottom":"bottom","left":"left"}}},"display":{"name":"display","location":"/css/src/tokens/display.scss","tokens":{"$displays":"block, flex, inline, inline-block, inline-flex, grid, none"}},"focus":{"name":"focus","location":"/css/src/tokens/focus.scss","tokens":{"$focus-width":"0.125rem","$focus-style":"dashed","$focus-outline-offset":"0.25rem","$focus-visible-use-polyfill":false}},"font-stack":{"name":"font-stack","location":"/css/src/tokens/font-stack.scss","tokens":{"$monospace-font-stack":"SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace","$normal-font-stack":"-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji","$quote-font-stack":"Arial, Helvetica Neue, Helvetica, sans-serif"}},"layout":{"name":"layout","location":"/css/src/tokens/layout.scss","tokens":{"$column-gap":"0.75rem","$large-column-gap":"1.5rem","$reading-max-width":"50rem","$layout-gap":"16px","$layout-widescreen-width":"1768px","$layout-widescreen-gap":"calc(50% - 1768px / 2)"}},"palette":{"name":"palette","location":"/css/src/tokens/palette.scss","tokens":{"$palette-grey-10":"#fafafa","$palette-grey-20":"#f2f2f2","$palette-grey-30":"#e6e6e6","$palette-grey-40":"#d2d2d2","$palette-grey-50":"#bcbcbc","$palette-grey-60":"#a2a2a2","$palette-grey-70":"#8e8e8e","$palette-grey-80":"#757575","$palette-grey-90":"#505050","$palette-grey-100":"#404040","$palette-grey-110":"#2f2f2f","$palette-grey-120":"#171717","$palette-black":"#000","$palette-black-opacity-90":"rgba(0, 0, 0, 0.9)","$palette-black-opacity-80":"rgba(0, 0, 0, 0.8)","$palette-black-opacity-70":"rgba(0, 0, 0, 0.7)","$palette-black-opacity-60":"rgba(0, 0, 0, 0.6)","$palette-black-opacity-50":"rgba(0, 0, 0, 0.5)","$palette-black-opacity-40":"rgba(0, 0, 0, 0.4)","$palette-black-opacity-30":"rgba(0, 0, 0, 0.3)","$palette-black-opacity-20":"rgba(0, 0, 0, 0.2)","$palette-black-opacity-10":"rgba(0, 0, 0, 0.1)","$palette-black-opacity-0":"rgba(0, 0, 0, 0)","$palette-white":"#fff","$palette-white-opacity-0":"rgba(255, 255, 255, 0)","$palette-white-opacity-10":"rgba(255, 255, 255, 0.1)","$palette-white-opacity-20":"rgba(255, 255, 255, 0.2)","$palette-white-opacity-30":"rgba(255, 255, 255, 0.3)","$palette-white-opacity-40":"rgba(255, 255, 255, 0.4)","$palette-white-opacity-50":"rgba(255, 255, 255, 0.5)","$palette-white-opacity-60":"rgba(255, 255, 255, 0.6)","$palette-white-opacity-70":"rgba(255, 255, 255, 0.7)","$palette-white-opacity-80":"rgba(255, 255, 255, 0.8)","$palette-white-opacity-90":"rgba(255, 255, 255, 0.9)","$palette-black-opacity-108":"rgba(0, 0, 0, 0.11)","$palette-black-opacity-132":"rgba(0, 0, 0, 0.13)","$palette-black-opacity-22":"rgba(0, 0, 0, 0.22)","$palette-black-opacity-18":"rgba(0, 0, 0, 0.18)","$palette-white-opacity-108":"rgba(255, 255, 255, 0.11)","$palette-white-opacity-132":"rgba(255, 255, 255, 0.13)","$palette-white-opacity-22":"rgba(255, 255, 255, 0.22)","$palette-white-opacity-18":"rgba(255, 255, 255, 0.18)","$palette-blue-10":"#d7eaf8","$palette-blue-20":"#9ccbee","$palette-blue-30":"#75b6e7","$palette-blue-40":"#278cda","$palette-blue-50":"#0078d4","$palette-blue-60":"#0065b3","$palette-blue-70":"#00579a","$palette-blue-80":"#004173","$palette-blue-90":"#002b4d","$palette-blue-100":"#000a13","$palette-blue-opacity-30":"rgba(0, 101, 179, 0.3)","$palette-blue-opacity-70":"rgba(0, 101, 179, 0.7)","$palette-blue-black":"#091f2c","$palette-navy-10":"#dfe5ee","$palette-navy-20":"#c1cbdc","$palette-navy-30":"#a4b2c9","$palette-navy-40":"#899ab5","$palette-navy-50":"#70819f","$palette-navy-60":"#4a5d7e","$palette-navy-70":"#243a5e","$palette-navy-80":"#14294c","$palette-navy-90":"#061329","$palette-navy-100":"#000910","$palette-navy-opacity-30":"rgba(15, 42, 47, 0.3)","$palette-navy-opacity-70":"rgba(15, 42, 47, 0.7)","$palette-turqoise-10":"#e9fbff","$palette-turqoise-20":"#bdf5ff","$palette-turqoise-30":"#7becff","$palette-turqoise-40":"#50e6ff","$palette-turqoise-50":"#41b9cf","$palette-turqoise-60":"#328e9f","$palette-turqoise-70":"#28727f","$palette-turqoise-80":"#19474f","$palette-turqoise-90":"#0f2a2f","$palette-turqoise-100":"#050e0f","$palette-green-10":"#dff6dd","$palette-green-20":"#acd7aa","$palette-green-30":"#7cbb7b","$palette-green-40":"#489d48","$palette-green-50":"#2a8b2a","$palette-green-60":"#107c10","$palette-green-70":"#0b6413","$palette-green-80":"#054b16","$palette-green-90":"#05350c","$palette-green-100":"#061a00","$palette-green-opacity-30":"rgba(72, 157, 72, 0.3)","$palette-green-opacity-70":"rgba(72, 157, 72, 0.7)","$palette-purple-10":"#efd9fd","$palette-purple-20":"#e0b7fe","$palette-purple-30":"#d59dff","$palette-purple-40":"#ac7ee1","$palette-purple-50":"#9970d3","$palette-purple-60":"#8661c5","$palette-purple-70":"#624991","$palette-purple-80":"#3b2e58","$palette-purple-90":"#201843","$palette-purple-100":"#03002c","$palette-purple-opacity-30":"rgba(32, 24, 67, 0.3)","$palette-purple-opacity-70":"rgba(32, 24, 67, 0.7)","$palette-yellow-10":"#fff4ce","$palette-yellow-20":"#ffe79f","$palette-yellow-30":"#ffdf84","$palette-yellow-40":"#ffcb3f","$palette-yellow-50":"#ffb900","$palette-yellow-60":"#d19501","$palette-yellow-70":"#966802","$palette-yellow-80":"#6a4b16","$palette-yellow-90":"#4f340e","$palette-yellow-100":"#2d1703","$palette-yellow-opacity-30":"rgba(255, 187, 0, 0.3)","$palette-yellow-opacity-70":"rgba(255, 187, 0, 0.7)","$palette-yellow-sand":"#e8e6df","$palette-red-10":"#fde7e9","$palette-red-20":"#e5a7a8","$palette-red-30":"#d4797a","$palette-red-40":"#c54f4f","$palette-red-50":"#b62626","$palette-red-60":"#a80000","$palette-red-70":"#870000","$palette-red-80":"#630001","$palette-red-90":"#470001","$palette-red-100":"#290001","$palette-red-opacity-30":"rgba(168, 0, 0, 0.3)","$palette-red-opacity-70":"rgba(168, 0, 0, 0.7)","$palette-yellow-high-contrast":"#ff0","$palette-yellow-high-contrast-hover":"#ff3","$palette-visited-high-contrast":"#3cff00"}},"position":{"name":"position","location":"/css/src/tokens/position.scss","tokens":{"$positions":"fixed, absolute, relative, sticky"}},"schemes":{"name":"schemes","location":"/css/src/tokens/schemes.scss","tokens":{"$color-schemes":{"light":"light","dark":"dark","high-contrast":"dark"}}},"shadow":{"name":"shadow","location":"/css/src/tokens/shadow.scss","tokens":{"$box-shadow-light":"0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 0.3px 0.9px 0 var(--theme-box-shadow-light)","$box-shadow-medium":"0 3.2px 7.2px 0 var(--theme-box-shadow-medium), 0 0.6px 1.8px 0 var(--theme-box-shadow-light)","$box-shadow-heavy":"0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light)","$box-shadow-extra-heavy":"0 25.6px 57.6px 0 var(--theme-box-shadow-extra-heavy), 0 4.8px 14.4px 0 var(--theme-box-shadow-heavy)"}},"spacing":{"name":"spacing","location":"/css/src/tokens/spacing.scss","tokens":{"$layout-0":"0","$layout-1":"0.5rem","$layout-2":"1rem","$layout-3":"1.5rem","$layout-4":"2rem","$layout-5":"3rem","$layout-6":"4rem","$layout-7":"6rem","$layout-8":"8rem","$spacer-0":"0","$spacer-1":"0.125rem","$spacer-2":"0.25rem","$spacer-3":"0.5rem","$spacer-4":"0.75rem","$spacer-5":"1rem","$spacer-6":"1.25rem","$spacer-7":"1.5rem","$spacer-8":"2rem","$spacer-9":"2.5rem","$spacer-10":"3rem"}},"themes":{"name":"themes","location":"/css/src/tokens/themes.scss","tokens":{"$themes":{"light":{"text":"#171717","text-subtle":"#505050","text-invert":"#fff","text-glow-high-contrast":"#171717","box-shadow-light":"rgba0,0,0,0.11)","box-shadow-medium":"rgba(0,0,0,0.13)","box-shadow-heavy":"rgba(0,0,0,0.18)","box-shadow-extra-heavy":"rgba(0,0,0,0.22)","overlay":"rgba(0,0,0,0.7)","overlay-invert":"#fff","body-background":"#fff","body-background-accent":"#e8e6df","body-background-medium":"#f2f2f2","alternate-background":"#171717","alternate-background-medium":"#2f2f2f","card-background":"#fff","border":"#e6e6e6","table-header":"#e6e6e6","table-row":"#f2f2f2","table-row-header":"#fafafa","table-border-dark":"#d2d2d2","hover-base":"#2f2f2f","hover-invert":"#fafafa","border-white-high-contrast":"rgba(255,255,255,0)","border-yellow-high-contrast":"rgba(0,0,0,0)","code-header":"#e6e6e6","code-block":"#f2f2f2","control-border":"#757575","inline-code":"#e6e6e6","code-highlight-background":"#fff4ce","visited":"#624991","score-low-off":"rgba(168,0,0,0.3)","score-low":"#b62626","score-medium-off":"rgba(255,187,0,0.3)","score-medium":"#ffb900","score-high-off":"rgba(72,157,72,0.3)","score-high":"#2a8b2a","hyperlink":"#0065b3","primary-base":"#0078d4","primary-background":"#d7eaf8","primary-background-glow-high-contrast":"#d7eaf8","primary-dark":"#004173","primary-hover":"#0065b3","primary-active":"#00579a","primary-box-shadow":"rgba(0,101,179,0.3)","primary-invert":"#fff","secondary-base":"#a2a2a2","secondary-background":"#e6e6e6","secondary-background-glow-high-contrast":"#e6e6e6","secondary-dark":"#2f2f2f","secondary-hover":"#d2d2d2","secondary-active":"#d2d2d2","secondary-box-shadow":"rgba(0,0,0,0.3)","secondary-invert":"#000","tertiary-base":"#243a5e","tertiary-background":"#061329","tertiary-background-glow-high-contrast":"#061329","tertiary-dark":"#a4b2c9","tertiary-hover":"#14294c","tertiary-active":"#70819f","tertiary-box-shadow":"rgba(38,23,63,0.3)","tertiary-invert":"#fff","success-base":"#107c10","success-background":"#dff6dd","success-background-glow-high-contrast":"#dff6dd","success-dark":"#054b16","success-hover":"#0b6413","success-active":"#054b16","success-box-shadow":"rgba(72,157,72,0.3)","success-invert":"#fff","info-base":"#8661c5","info-background":"#efd9fd","info-background-glow-high-contrast":"#efd9fd","info-dark":"#3b2e58","info-hover":"#8661c5","info-active":"#624991","info-box-shadow":"rgba(32,24,67,0.3)","info-invert":"#fff","warning-base":"#ffb900","warning-background":"#fff4ce","warning-background-glow-high-contrast":"#fff4ce","warning-dark":"#6a4b16","warning-hover":"#d19501","warning-active":"#966802","warning-box-shadow":"rgba(255,187,0,0.3)","warning-invert":"#000","danger-base":"#a80000","danger-background":"#fde7e9","danger-background-glow-high-contrast":"#fde7e9","danger-dark":"#470001","danger-hover":"#870000","danger-active":"#630001","danger-box-shadow":"rgba(168,0,0,0.3)","danger-invert":"#fff","facepile-red":"#a80000","facepile-teal":"#328e9f","facepile-blue":"#0078d4"},"dark":{"text":"#e6e6e6","text-subtle":"#d2d2d2","text-invert":"#2f2f2f","text-glow-high-contrast":"#e6e6e6","box-shadow-light":"rgba0,0,0,0.11)","box-shadow-medium":"rgba(0,0,0,0.13)","box-shadow-heavy":"rgba(0,0,0,0.18)","box-shadow-extra-heavy":"rgba(0,0,0,0.22)","overlay":"rgba(0,0,0,0.7)","overlay-invert":"#fff","body-background":"#171717","body-background-accent":"#091f2c","body-background-medium":"#2f2f2f","alternate-background":"#f2f2f2","alternate-background-medium":"#fafafa","border":"#404040","card-background":"#091f2c","table-header":"#404040","table-row":"#2f2f2f","table-row-header":"#2f2f2f","table-border-dark":"#505050","hover-base":"#d2d2d2","hover-invert":"#2f2f2f","border-white-high-contrast":"rgba(255,255,255,0)","border-yellow-high-contrast":"rgba(0,0,0,0)","code-header":"#404040","code-block":"#2f2f2f","control-border":"#d2d2d2","inline-code":"#404040","code-highlight-background":"#0b6413","visited":"#ac7ee1","score-low-off":"rgba(168,0,0,0.7)","score-low":"#b62626","score-medium-off":"rgba(255,187,0,0.3)","score-medium":"#ffcb3f","score-high-off":"rgba(72,157,72,0.7)","score-high":"#489d48","hyperlink":"#75b6e7","primary-base":"#75b6e7","primary-background":"#004173","primary-background-glow-high-contrast":"#004173","primary-dark":"#9ccbee","primary-hover":"#278cda","primary-active":"#0078d4","primary-box-shadow":"rgba(0,101,179,0.3)","primary-invert":"#000","secondary-base":"#757575","secondary-background":"#404040","secondary-background-glow-high-contrast":"#404040","secondary-dark":"#e6e6e6","secondary-hover":"#8e8e8e","secondary-active":"#a2a2a2","secondary-box-shadow":"rgba(0,0,0,0.7)","secondary-invert":"#fff","tertiary-base":"#404040","tertiary-background":"#171717","tertiary-background-glow-high-contrast":"#171717","tertiary-dark":"#e6e6e6","tertiary-hover":"#505050","tertiary-active":"#757575","tertiary-box-shadow":"rgba(0,101,179,0.3)","tertiary-invert":"#fff","success-base":"#7cbb7b","success-background":"#054b16","success-background-glow-high-contrast":"#054b16","success-dark":"#dff6dd","success-hover":"#489d48","success-active":"#7cbb7b","success-box-shadow":"rgba(72,157,72,0.7)","success-invert":"#000","info-base":"#9970d3","info-background":"#3b2e58","info-background-glow-high-contrast":"#3b2e58","info-dark":"#efd9fd","info-hover":"#ac7ee1","info-active":"#d59dff","info-box-shadow":"rgba(32,24,67,0.7)","info-invert":"#000","warning-base":"#ffb900","warning-background":"#6a4b16","warning-background-glow-high-contrast":"#6a4b16","warning-dark":"#fff4ce","warning-hover":"#ffcb3f","warning-active":"#ffdf84","warning-box-shadow":"rgba(255,187,0,0.7)","warning-invert":"#000","danger-base":"#e5a7a8","danger-background":"#630001","danger-background-glow-high-contrast":"#630001","danger-dark":"#fde7e9","danger-hover":"#c54f4f","danger-active":"#d4797a","danger-box-shadow":"rgba(168,0,0,0.7)","danger-invert":"#000","facepile-red":"#c54f4f","facepile-teal":"#50e6ff","facepile-blue":"#278cda"},"high-contrast":{"text":"#fff","text-subtle":"#fff","text-invert":"#000","text-glow-high-contrast":"#ff0","box-shadow-light":"rgba0,0,0,0.11)","box-shadow-medium":"rgba(0,0,0,0.13)","box-shadow-heavy":"rgba(0,0,0,0.18)","box-shadow-extra-heavy":"rgba(0,0,0,0.22)","overlay":"#404040","overlay-invert":"#fff","body-background":"#000","body-background-accent":"#000","body-background-medium":"#000","alternate-background":"#fff","alternate-background-medium":"#fff","border":"#fff","card-background":"#000","table-header":"#505050","table-row":"#000","table-row-header":"#171717","table-border-dark":"#fff","hover-base":"#ff0","hover-invert":"#000","border-white-high-contrast":"#fff","border-yellow-high-contrast":"#ff0","code-header":"#000","code-block":"#000","control-border":"#fff","inline-code":"#2f2f2f","code-highlight-background":"#0b6413","visited":"#3cff00","score-low-off":"#a80000","score-low":"#fde7e9","score-medium-off":"rgba(255,187,0,0.7)","score-medium":"#ffe79f","score-high-off":"#107c10","score-high":"#dff6dd","hyperlink":"#ff0","primary-base":"#ff0","primary-background":"#000","primary-background-glow-high-contrast":"#ff0","primary-dark":"#ff0","primary-hover":"#ff3","primary-active":"#ff3","primary-box-shadow":"#fff","primary-invert":"#000","secondary-base":"#e6e6e6","secondary-background":"#000","secondary-background-glow-high-contrast":"#505050","secondary-dark":"#e6e6e6","secondary-hover":"#d2d2d2","secondary-active":"#d2d2d2","secondary-box-shadow":"#e6e6e6","secondary-invert":"#000","tertiary-base":"#fff","tertiary-background":"#000","tertiary-background-glow-high-contrast":"#fff","tertiary-dark":"#fff","tertiary-hover":"#e6e6e6","tertiary-active":"#e6e6e6","tertiary-box-shadow":"#fff","tertiary-invert":"#000","success-base":"#7cbb7b","success-background":"#000","success-background-glow-high-contrast":"#7cbb7b","success-dark":"#acd7aa","success-hover":"#acd7aa","success-active":"#acd7aa","success-box-shadow":"#fff","success-invert":"#000","info-base":"#e0b7fe","info-background":"#000","info-background-glow-high-contrast":"#e0b7fe","info-dark":"#efd9fd","info-hover":"#efd9fd","info-active":"#efd9fd","info-box-shadow":"#fff","info-invert":"#000","warning-base":"#ffe79f","warning-background":"#000","warning-background-glow-high-contrast":"#ffe79f","warning-dark":"#fff4ce","warning-hover":"#fff4ce","warning-active":"#fff4ce","warning-box-shadow":"#fff","warning-invert":"#000","danger-base":"#e5a7a8","danger-background":"#000","danger-background-glow-high-contrast":"#e5a7a8","danger-dark":"#fde7e9","danger-hover":"#fde7e9","danger-active":"#fde7e9","danger-box-shadow":"#fff","danger-invert":"#000","facepile-red":"#d4797a","facepile-teal":"#7becff","facepile-blue":"#75b6e7"}}}},"typography":{"name":"typography","location":"/css/src/tokens/typography.scss","tokens":{"$document-font-size":"16px","$font-size-9":"0.75rem","$font-size-8":"0.875rem","$font-size-7":"1rem","$font-size-6":"1.125rem","$font-size-5":"1.25rem","$font-size-4":"1.5rem","$font-size-3":"1.75rem","$font-size-2":"2.125rem","$font-size-1":"2.5rem","$font-size-0":"3.375rem","$weight-light":"100","$weight-semilight":"200","$weight-normal":"400","$weight-semibold":"600","$weight-bold":"700","$letter-spacing-medium":"0.125rem","$letter-spacing-wide":"0.225rem"}},"z-index":{"name":"z-index","location":"/css/src/tokens/z-index.scss","tokens":{"$zindex-active":"1","$zindex-hover":"2","$zindex-focus":"3","$zindex-multi":"4","$zindex-dropdown":"1000","$zindex-sticky":"1020","$zindex-fixed":"1030","$zindex-modal-backdrop":"1040","$zindex-modal":"1050","$zindex-popover":"1060","$zindex-tooltip":"1070","$zindex-stretched-link":"1"}}}
|
|
1
|
+
{"animation":{"name":"animation","location":"/css/src/tokens/animation.scss","tokens":{"$input-timing-function":"cubic-bezier(0.4, 0, 0.23, 1)","$input-transition-duration":"200ms","$nav-bar-transition-duration":"86ms"}},"border":{"name":"border","location":"/css/src/tokens/border.scss","tokens":{"$border-width":"1px","$border-width-md":"0.125rem","$border-width-lg":"0.25rem","$border-radius-sm":"0.125rem","$border-radius":"0.25rem","$border-radius-lg":"0.375rem","$border-radius-rounded":"290486px"}},"breakpoints":{"name":"breakpoints","location":"/css/src/tokens/breakpoints.scss","tokens":{"$container-gap":"64px","$breakpoint-tablet":"768px","$breakpoint-desktop":"1088px","$breakpoint-widescreen":"1800px"}},"colors":{"name":"colors","location":"/css/src/tokens/colors.scss","tokens":{"$white-static":"#fff","$black-static":"#000","$text":"var(--theme-text)","$text-subtle":"var(--theme-text-subtle)","$text-invert":"var(--theme-text-invert)","$hyperlink":"var(--theme-hyperlink)","$text-glow-high-contrast":"var(--theme-text-glow-high-contrast)","$box-shadow-color-light":"var(--theme-box-shadow-light)","$box-shadow-color-medium":"var(--theme-box-shadow-medium)","$box-shadow-color-heavy":"var(--theme-box-shadow-heavy)","$box-shadow-color-extra-heavy":"var(--theme-box-shadow-extra-heavy)","$body-background":"var(--theme-body-background)","$body-background-medium":"var(--theme-body-background-medium)","$body-background-accent":"var(--theme-body-background-accent)","$alternate-background":"var(--theme-alternate-background)","$alternate-background-medium":"var(--theme-alternate-background-medium)","$overlay":"var(--theme-overlay)","$overlay-invert":"var(--theme-overlay-invert)","$overlay-static":"rgba(0, 0, 0, 0.5)","$border":"var(--theme-border)","$border-accent":"var(--theme-border-accent)","$code-header":"var(--theme-code-header)","$code-block":"var(--theme-code-block)","$inline-code":"var(--theme-inline-code)","$control-border":"var(--theme-control-border)","$table-header":"var(--theme-table-header)","$table-row":"var(--theme-table-row)","$table-row-header":"var(--theme-table-row-header)","$table-border-dark":"var(--theme-table-border-dark)","$facepile-red":"var(--theme-facepile-red)","$facepile-teal":"var(--theme-facepile-teal)","$facepile-blue":"var(--theme-facepile-blue)","$gradient-text-purple":"var(--theme-gradient-text-purple)","$gradient-text-blue":"var(--theme-gradient-text-blue)","$default-hover":"var(--theme-hover-base)","$default-hover-invert":"var(--theme-body-background-medium)","$border-white-high-contrast":"var(--theme-border-white-high-contrast)","$border-yellow-high-contrast":"var(--theme-border-yellow-high-contrast)","$code-highlight-background":"var(--theme-code-highlight-background)","$visited":"var(--theme-visited)","$score-low-off":"var(--theme-score-low-off)","$score-low":"var(--theme-score-low)","$score-medium-off":"var(--theme-score-medium-off)","$score-medium":"var(--theme-score-medium)","$score-high-off":"var(--theme-score-high-off)","$score-high":"var(--theme-score-high)","$primary":"var(--theme-primary-base)","$primary-background":"var(--theme-primary-background)","$primary-background-glow-high-contrast":"var(--theme-primary-background-glow-high-contrast)","$primary-dark":"var(--theme-primary-dark)","$primary-hover":"var(--theme-primary-hover)","$primary-active":"var(--theme-primary-active)","$primary-invert":"var(--theme-primary-invert)","$primary-box-shadow":"var(--theme-primary-box-shadow)","$secondary":"var(--theme-secondary-base)","$secondary-background":"var(--theme-secondary-background)","$secondary-background-glow-high-contrast":"var(--theme-secondary-background-glow-high-contrast)","$secondary-dark":"var(--theme-secondary-dark)","$secondary-hover":"var(--theme-secondary-hover)","$secondary-active":"var(--theme-secondary-active)","$secondary-invert":"var(--theme-secondary-invert)","$secondary-box-shadow":"var(--theme-secondary-box-shadow)","$tertiary":"var(--theme-tertiary-base)","$tertiary-background":"var(--theme-tertiary-background)","$tertiary-background-glow-high-contrast":"var(--theme-tertiary-background-glow-high-contrast)","$tertiary-dark":"var(--theme-tertiary-dark)","$tertiary-hover":"var(--theme-tertiary-hover)","$tertiary-active":"var(--theme-tertiary-active)","$tertiary-invert":"var(--theme-tertiary-invert)","$tertiary-box-shadow":"var(--theme-tertiary-box-shadow)","$success":"var(--theme-success-base)","$success-background":"var(--theme-success-background)","$success-background-glow-high-contrast":"var(--theme-success-background-glow-high-contrast)","$success-dark":"var(--theme-success-dark)","$success-hover":"var(--theme-success-hover)","$success-active":"var(--theme-success-active)","$success-invert":"var(--theme-success-invert)","$success-box-shadow":"var(--theme-success-box-shadow)","$info":"var(--theme-info-base)","$info-background":"var(--theme-info-background)","$info-background-glow-high-contrast":"var(--theme-info-background-glow-high-contrast)","$info-dark":"var(--theme-info-dark)","$info-hover":"var(--theme-info-hover)","$info-active":"var(--theme-info-active)","$info-invert":"var(--theme-info-invert)","$info-box-shadow":"var(--theme-info-box-shadow)","$warning":"var(--theme-warning-base)","$warning-background":"var(--theme-warning-background)","$warning-background-glow-high-contrast":"var(--theme-warning-background-glow-high-contrast)","$warning-dark":"var(--theme-warning-dark)","$warning-hover":"var(--theme-warning-hover)","$warning-active":"var(--theme-warning-active)","$warning-invert":"var(--theme-warning-invert)","$warning-box-shadow":"var(--theme-warning-box-shadow)","$danger":"var(--theme-danger-base)","$danger-background":"var(--theme-danger-background)","$danger-background-glow-high-contrast":"var(--theme-danger-background-glow-high-contrast)","$danger-dark":"var(--theme-danger-dark)","$danger-hover":"var(--theme-danger-hover)","$danger-active":"var(--theme-danger-active)","$danger-invert":"var(--theme-danger-invert)","$danger-box-shadow":"var(--theme-danger-box-shadow)","$colors":{"primary":"var(--theme-primary-base),var(--theme-primary-background),var(--theme-primary-dark),var(--theme-primary-hover),var(--theme-primary-active),var(--theme-primary-invert),var(--theme-primary-box-shadow),var(--theme-primary-background-glow-high-contrast)","secondary":"var(--theme-secondary-base),var(--theme-secondary-background),var(--theme-secondary-dark),var(--theme-secondary-hover),var(--theme-secondary-active),var(--theme-secondary-invert),var(--theme-secondary-box-shadow),var(--theme-secondary-background-glow-high-contrast)","tertiary":"var(--theme-tertiary-base),var(--theme-tertiary-background),var(--theme-tertiary-dark),var(--theme-tertiary-hover),var(--theme-tertiary-active),var(--theme-tertiary-invert),var(--theme-tertiary-box-shadow),var(--theme-tertiary-background-glow-high-contrast)","success":"var(--theme-success-base),var(--theme-success-background),var(--theme-success-dark),var(--theme-success-hover),var(--theme-success-active),var(--theme-success-invert),var(--theme-success-box-shadow),var(--theme-success-background-glow-high-contrast)","info":"var(--theme-info-base),var(--theme-info-background),var(--theme-info-dark),var(--theme-info-hover),var(--theme-info-active),var(--theme-info-invert),var(--theme-info-box-shadow),var(--theme-info-background-glow-high-contrast)","warning":"var(--theme-warning-base),var(--theme-warning-background),var(--theme-warning-dark),var(--theme-warning-hover),var(--theme-warning-active),var(--theme-warning-invert),var(--theme-warning-box-shadow),var(--theme-warning-background-glow-high-contrast)","danger":"var(--theme-danger-base),var(--theme-danger-background),var(--theme-danger-dark),var(--theme-danger-hover),var(--theme-danger-active),var(--theme-danger-invert),var(--theme-danger-box-shadow),var(--theme-danger-background-glow-high-contrast)"},"$color-index-base":"1","$color-index-background":"2","$color-index-dark":"3","$color-index-hover":"4","$color-index-active":"5","$color-index-invert":"6","$color-index-box-shadow":"7","$color-index-background-glow-high-contrast":"8"}},"direction":{"name":"direction","location":"/css/src/tokens/direction.scss","tokens":{"$user-text-direction":"ltr","$user-left":"left","$user-right":"right","$user-translate-x-direction":"1","$directions":{"top":"top","right":"right","bottom":"bottom","left":"left"},"$logical-directions":{"top":"block-start","right":"inline-end","bottom":"block-end","left":"inline-start"}}},"display":{"name":"display","location":"/css/src/tokens/display.scss","tokens":{"$displays":"block, flex, inline, inline-block, inline-flex, grid, none"}},"focus":{"name":"focus","location":"/css/src/tokens/focus.scss","tokens":{"$focus-width":"0.125rem","$focus-style":"dashed","$focus-outline-offset":"0.25rem","$focus-visible-use-polyfill":false}},"font-stack":{"name":"font-stack","location":"/css/src/tokens/font-stack.scss","tokens":{"$monospace-font-stack":"SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace","$normal-font-stack":"-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji","$quote-font-stack":"Arial, Helvetica Neue, Helvetica, sans-serif"}},"layout":{"name":"layout","location":"/css/src/tokens/layout.scss","tokens":{"$column-gap":"0.75rem","$large-column-gap":"1.5rem","$reading-max-width":"50rem","$layout-gap":"16px","$layout-widescreen-width":"1768px","$layout-widescreen-gap":"calc(50% - 1768px / 2)"}},"palette":{"name":"palette","location":"/css/src/tokens/palette.scss","tokens":{"$palette-grey-10":"#fafafa","$palette-grey-20":"#f2f2f2","$palette-grey-30":"#e6e6e6","$palette-grey-40":"#d2d2d2","$palette-grey-50":"#bcbcbc","$palette-grey-60":"#a2a2a2","$palette-grey-70":"#8e8e8e","$palette-grey-80":"#757575","$palette-grey-90":"#505050","$palette-grey-100":"#404040","$palette-grey-110":"#2f2f2f","$palette-grey-120":"#171717","$palette-black":"#000","$palette-black-opacity-90":"rgba(0, 0, 0, 0.9)","$palette-black-opacity-80":"rgba(0, 0, 0, 0.8)","$palette-black-opacity-70":"rgba(0, 0, 0, 0.7)","$palette-black-opacity-60":"rgba(0, 0, 0, 0.6)","$palette-black-opacity-50":"rgba(0, 0, 0, 0.5)","$palette-black-opacity-40":"rgba(0, 0, 0, 0.4)","$palette-black-opacity-30":"rgba(0, 0, 0, 0.3)","$palette-black-opacity-20":"rgba(0, 0, 0, 0.2)","$palette-black-opacity-10":"rgba(0, 0, 0, 0.1)","$palette-black-opacity-0":"rgba(0, 0, 0, 0)","$palette-white":"#fff","$palette-white-opacity-0":"rgba(255, 255, 255, 0)","$palette-white-opacity-10":"rgba(255, 255, 255, 0.1)","$palette-white-opacity-20":"rgba(255, 255, 255, 0.2)","$palette-white-opacity-30":"rgba(255, 255, 255, 0.3)","$palette-white-opacity-40":"rgba(255, 255, 255, 0.4)","$palette-white-opacity-50":"rgba(255, 255, 255, 0.5)","$palette-white-opacity-60":"rgba(255, 255, 255, 0.6)","$palette-white-opacity-70":"rgba(255, 255, 255, 0.7)","$palette-white-opacity-80":"rgba(255, 255, 255, 0.8)","$palette-white-opacity-90":"rgba(255, 255, 255, 0.9)","$palette-black-opacity-108":"rgba(0, 0, 0, 0.11)","$palette-black-opacity-132":"rgba(0, 0, 0, 0.13)","$palette-black-opacity-22":"rgba(0, 0, 0, 0.22)","$palette-black-opacity-18":"rgba(0, 0, 0, 0.18)","$palette-white-opacity-108":"rgba(255, 255, 255, 0.11)","$palette-white-opacity-132":"rgba(255, 255, 255, 0.13)","$palette-white-opacity-22":"rgba(255, 255, 255, 0.22)","$palette-white-opacity-18":"rgba(255, 255, 255, 0.18)","$palette-blue-10":"#d7eaf8","$palette-blue-20":"#9ccbee","$palette-blue-30":"#75b6e7","$palette-blue-40":"#278cda","$palette-blue-50":"#0078d4","$palette-blue-60":"#0065b3","$palette-blue-70":"#00579a","$palette-blue-80":"#004173","$palette-blue-90":"#002b4d","$palette-blue-100":"#000a13","$palette-blue-a":"#9ccbee","$palette-blue-opacity-30":"rgba(0, 101, 179, 0.3)","$palette-blue-opacity-70":"rgba(0, 101, 179, 0.7)","$palette-blue-black":"#091f2c","$palette-navy-10":"#dfe5ee","$palette-navy-20":"#c1cbdc","$palette-navy-30":"#a4b2c9","$palette-navy-40":"#899ab5","$palette-navy-50":"#70819f","$palette-navy-60":"#4a5d7e","$palette-navy-70":"#243a5e","$palette-navy-80":"#14294c","$palette-navy-90":"#061329","$palette-navy-100":"#000910","$palette-navy-opacity-30":"rgba(15, 42, 47, 0.3)","$palette-navy-opacity-70":"rgba(15, 42, 47, 0.7)","$palette-turqoise-10":"#e9fbff","$palette-turqoise-20":"#bdf5ff","$palette-turqoise-30":"#7becff","$palette-turqoise-40":"#50e6ff","$palette-turqoise-50":"#41b9cf","$palette-turqoise-60":"#328e9f","$palette-turqoise-70":"#28727f","$palette-turqoise-80":"#19474f","$palette-turqoise-90":"#0f2a2f","$palette-turqoise-100":"#050e0f","$palette-green-10":"#dff6dd","$palette-green-20":"#acd7aa","$palette-green-30":"#7cbb7b","$palette-green-40":"#489d48","$palette-green-50":"#2a8b2a","$palette-green-60":"#107c10","$palette-green-70":"#0b6413","$palette-green-80":"#054b16","$palette-green-90":"#05350c","$palette-green-100":"#061a00","$palette-green-opacity-30":"rgba(72, 157, 72, 0.3)","$palette-green-opacity-70":"rgba(72, 157, 72, 0.7)","$palette-purple-10":"#efd9fd","$palette-purple-20":"#e0b7fe","$palette-purple-30":"#d59dff","$palette-purple-40":"#ac7ee1","$palette-purple-50":"#9970d3","$palette-purple-60":"#8661c5","$palette-purple-70":"#624991","$palette-purple-80":"#3b2e58","$palette-purple-90":"#201843","$palette-purple-100":"#03002c","$palette-purple-a":"#cd9bcf","$palette-purple-b":"#702573","$palette-purple-opacity-30":"rgba(32, 24, 67, 0.3)","$palette-purple-opacity-70":"rgba(32, 24, 67, 0.7)","$palette-yellow-10":"#fff4ce","$palette-yellow-20":"#ffe79f","$palette-yellow-30":"#ffdf84","$palette-yellow-40":"#ffcb3f","$palette-yellow-50":"#ffb900","$palette-yellow-60":"#d19501","$palette-yellow-70":"#966802","$palette-yellow-80":"#6a4b16","$palette-yellow-90":"#4f340e","$palette-yellow-100":"#2d1703","$palette-yellow-opacity-30":"rgba(255, 187, 0, 0.3)","$palette-yellow-opacity-70":"rgba(255, 187, 0, 0.7)","$palette-yellow-sand":"#e8e6df","$palette-red-10":"#fde7e9","$palette-red-20":"#e5a7a8","$palette-red-30":"#d4797a","$palette-red-40":"#c54f4f","$palette-red-50":"#b62626","$palette-red-60":"#a80000","$palette-red-70":"#870000","$palette-red-80":"#630001","$palette-red-90":"#470001","$palette-red-100":"#290001","$palette-red-opacity-30":"rgba(168, 0, 0, 0.3)","$palette-red-opacity-70":"rgba(168, 0, 0, 0.7)","$palette-yellow-high-contrast":"#ff0","$palette-yellow-high-contrast-hover":"#ff3","$palette-visited-high-contrast":"#3cff00"}},"position":{"name":"position","location":"/css/src/tokens/position.scss","tokens":{"$positions":"fixed, absolute, relative, sticky"}},"schemes":{"name":"schemes","location":"/css/src/tokens/schemes.scss","tokens":{"$color-schemes":{"light":"light","dark":"dark","high-contrast":"dark"}}},"shadow":{"name":"shadow","location":"/css/src/tokens/shadow.scss","tokens":{"$box-shadow-light":"0 1.6px 3.6px 0 var(--theme-box-shadow-medium), 0 0.3px 0.9px 0 var(--theme-box-shadow-light)","$box-shadow-medium":"0 3.2px 7.2px 0 var(--theme-box-shadow-medium), 0 0.6px 1.8px 0 var(--theme-box-shadow-light)","$box-shadow-heavy":"0 6.4px 14.4px 0 var(--theme-box-shadow-medium), 0 1.2px 3.6px 0 var(--theme-box-shadow-light)","$box-shadow-extra-heavy":"0 25.6px 57.6px 0 var(--theme-box-shadow-extra-heavy), 0 4.8px 14.4px 0 var(--theme-box-shadow-heavy)"}},"spacing":{"name":"spacing","location":"/css/src/tokens/spacing.scss","tokens":{"$layout-0":"0","$layout-1":"0.5rem","$layout-2":"1rem","$layout-3":"1.5rem","$layout-4":"2rem","$layout-5":"3rem","$layout-6":"4rem","$layout-7":"6rem","$layout-8":"8rem","$spacer-0":"0","$spacer-1":"0.125rem","$spacer-2":"0.25rem","$spacer-3":"0.5rem","$spacer-4":"0.75rem","$spacer-5":"1rem","$spacer-6":"1.25rem","$spacer-7":"1.5rem","$spacer-8":"2rem","$spacer-9":"2.5rem","$spacer-10":"3rem"}},"themes":{"name":"themes","location":"/css/src/tokens/themes.scss","tokens":{"$themes":{"light":{"text":"#171717","text-subtle":"#505050","text-invert":"#fff","text-glow-high-contrast":"#171717","box-shadow-light":"rgba0,0,0,0.11)","box-shadow-medium":"rgba(0,0,0,0.13)","box-shadow-heavy":"rgba(0,0,0,0.18)","box-shadow-extra-heavy":"rgba(0,0,0,0.22)","overlay":"rgba(0,0,0,0.7)","overlay-invert":"#fff","body-background":"#fff","body-background-accent":"#e8e6df","body-background-medium":"#f2f2f2","alternate-background":"#171717","alternate-background-medium":"#2f2f2f","card-background":"#fff","border":"#e6e6e6","border-accent":"#e8e6df","border-white-high-contrast":"rgba(255,255,255,0)","border-yellow-high-contrast":"rgba(0,0,0,0)","table-header":"#e6e6e6","table-row":"#f2f2f2","table-row-header":"#fafafa","table-border-dark":"#d2d2d2","hover-base":"#2f2f2f","hover-invert":"#fafafa","code-header":"#e6e6e6","code-block":"#f2f2f2","control-border":"#757575","inline-code":"#e6e6e6","code-highlight-background":"#fff4ce","visited":"#624991","score-low-off":"rgba(168,0,0,0.3)","score-low":"#b62626","score-medium-off":"rgba(255,187,0,0.3)","score-medium":"#ffb900","score-high-off":"rgba(72,157,72,0.3)","score-high":"#2a8b2a","hyperlink":"#0065b3","primary-base":"#0078d4","primary-background":"#d7eaf8","primary-background-glow-high-contrast":"#d7eaf8","primary-dark":"#004173","primary-hover":"#0065b3","primary-active":"#00579a","primary-box-shadow":"rgba(0,101,179,0.3)","primary-invert":"#fff","secondary-base":"#a2a2a2","secondary-background":"#e6e6e6","secondary-background-glow-high-contrast":"#e6e6e6","secondary-dark":"#2f2f2f","secondary-hover":"#d2d2d2","secondary-active":"#d2d2d2","secondary-box-shadow":"rgba(0,0,0,0.3)","secondary-invert":"#000","tertiary-base":"#243a5e","tertiary-background":"#061329","tertiary-background-glow-high-contrast":"#061329","tertiary-dark":"#a4b2c9","tertiary-hover":"#14294c","tertiary-active":"#70819f","tertiary-box-shadow":"rgba(38,23,63,0.3)","tertiary-invert":"#fff","success-base":"#107c10","success-background":"#dff6dd","success-background-glow-high-contrast":"#dff6dd","success-dark":"#054b16","success-hover":"#0b6413","success-active":"#054b16","success-box-shadow":"rgba(72,157,72,0.3)","success-invert":"#fff","info-base":"#8661c5","info-background":"#efd9fd","info-background-glow-high-contrast":"#efd9fd","info-dark":"#3b2e58","info-hover":"#8661c5","info-active":"#624991","info-box-shadow":"rgba(32,24,67,0.3)","info-invert":"#fff","warning-base":"#ffb900","warning-background":"#fff4ce","warning-background-glow-high-contrast":"#fff4ce","warning-dark":"#6a4b16","warning-hover":"#d19501","warning-active":"#966802","warning-box-shadow":"rgba(255,187,0,0.3)","warning-invert":"#000","danger-base":"#a80000","danger-background":"#fde7e9","danger-background-glow-high-contrast":"#fde7e9","danger-dark":"#470001","danger-hover":"#870000","danger-active":"#630001","danger-box-shadow":"rgba(168,0,0,0.3)","danger-invert":"#fff","facepile-red":"#a80000","facepile-teal":"#328e9f","facepile-blue":"#0078d4","gradient-text-purple":"#702573","gradient-text-blue":"#00579a"},"dark":{"text":"#e6e6e6","text-subtle":"#d2d2d2","text-invert":"#2f2f2f","text-glow-high-contrast":"#e6e6e6","box-shadow-light":"rgba0,0,0,0.11)","box-shadow-medium":"rgba(0,0,0,0.13)","box-shadow-heavy":"rgba(0,0,0,0.18)","box-shadow-extra-heavy":"rgba(0,0,0,0.22)","overlay":"rgba(0,0,0,0.7)","overlay-invert":"#fff","body-background":"#171717","body-background-accent":"#091f2c","body-background-medium":"#2f2f2f","alternate-background":"#f2f2f2","alternate-background-medium":"#fafafa","border":"#404040","border-accent":"#505050","border-white-high-contrast":"rgba(255,255,255,0)","border-yellow-high-contrast":"rgba(0,0,0,0)","card-background":"#091f2c","table-header":"#404040","table-row":"#2f2f2f","table-row-header":"#2f2f2f","table-border-dark":"#505050","hover-base":"#d2d2d2","hover-invert":"#2f2f2f","code-header":"#404040","code-block":"#2f2f2f","control-border":"#d2d2d2","inline-code":"#404040","code-highlight-background":"#0b6413","visited":"#ac7ee1","score-low-off":"rgba(168,0,0,0.7)","score-low":"#b62626","score-medium-off":"rgba(255,187,0,0.3)","score-medium":"#ffcb3f","score-high-off":"rgba(72,157,72,0.7)","score-high":"#489d48","hyperlink":"#75b6e7","primary-base":"#75b6e7","primary-background":"#004173","primary-background-glow-high-contrast":"#004173","primary-dark":"#9ccbee","primary-hover":"#278cda","primary-active":"#0078d4","primary-box-shadow":"rgba(0,101,179,0.3)","primary-invert":"#000","secondary-base":"#757575","secondary-background":"#404040","secondary-background-glow-high-contrast":"#404040","secondary-dark":"#e6e6e6","secondary-hover":"#8e8e8e","secondary-active":"#a2a2a2","secondary-box-shadow":"rgba(0,0,0,0.7)","secondary-invert":"#fff","tertiary-base":"#404040","tertiary-background":"#171717","tertiary-background-glow-high-contrast":"#171717","tertiary-dark":"#e6e6e6","tertiary-hover":"#505050","tertiary-active":"#757575","tertiary-box-shadow":"rgba(0,101,179,0.3)","tertiary-invert":"#fff","success-base":"#7cbb7b","success-background":"#054b16","success-background-glow-high-contrast":"#054b16","success-dark":"#dff6dd","success-hover":"#489d48","success-active":"#7cbb7b","success-box-shadow":"rgba(72,157,72,0.7)","success-invert":"#000","info-base":"#9970d3","info-background":"#3b2e58","info-background-glow-high-contrast":"#3b2e58","info-dark":"#efd9fd","info-hover":"#ac7ee1","info-active":"#d59dff","info-box-shadow":"rgba(32,24,67,0.7)","info-invert":"#000","warning-base":"#ffb900","warning-background":"#6a4b16","warning-background-glow-high-contrast":"#6a4b16","warning-dark":"#fff4ce","warning-hover":"#ffcb3f","warning-active":"#ffdf84","warning-box-shadow":"rgba(255,187,0,0.7)","warning-invert":"#000","danger-base":"#e5a7a8","danger-background":"#630001","danger-background-glow-high-contrast":"#630001","danger-dark":"#fde7e9","danger-hover":"#c54f4f","danger-active":"#d4797a","danger-box-shadow":"rgba(168,0,0,0.7)","danger-invert":"#000","facepile-red":"#c54f4f","facepile-teal":"#50e6ff","facepile-blue":"#278cda","gradient-text-purple":"#cd9bcf","gradient-text-blue":"#9ccbee"},"high-contrast":{"text":"#fff","text-subtle":"#fff","text-invert":"#000","text-glow-high-contrast":"#ff0","box-shadow-light":"rgba0,0,0,0.11)","box-shadow-medium":"rgba(0,0,0,0.13)","box-shadow-heavy":"rgba(0,0,0,0.18)","box-shadow-extra-heavy":"rgba(0,0,0,0.22)","overlay":"#404040","overlay-invert":"#fff","body-background":"#000","body-background-accent":"#000","body-background-medium":"#000","alternate-background":"#fff","alternate-background-medium":"#fff","border":"#fff","border-accent":"#fff","border-white-high-contrast":"#fff","border-yellow-high-contrast":"#ff0","card-background":"#000","table-header":"#505050","table-row":"#000","table-row-header":"#171717","table-border-dark":"#fff","hover-base":"#ff0","hover-invert":"#000","code-header":"#000","code-block":"#000","control-border":"#fff","inline-code":"#2f2f2f","code-highlight-background":"#0b6413","visited":"#3cff00","score-low-off":"#a80000","score-low":"#fde7e9","score-medium-off":"rgba(255,187,0,0.7)","score-medium":"#ffe79f","score-high-off":"#107c10","score-high":"#dff6dd","hyperlink":"#ff0","primary-base":"#ff0","primary-background":"#000","primary-background-glow-high-contrast":"#ff0","primary-dark":"#ff0","primary-hover":"#ff3","primary-active":"#ff3","primary-box-shadow":"#fff","primary-invert":"#000","secondary-base":"#e6e6e6","secondary-background":"#000","secondary-background-glow-high-contrast":"#505050","secondary-dark":"#e6e6e6","secondary-hover":"#d2d2d2","secondary-active":"#d2d2d2","secondary-box-shadow":"#e6e6e6","secondary-invert":"#000","tertiary-base":"#fff","tertiary-background":"#000","tertiary-background-glow-high-contrast":"#fff","tertiary-dark":"#fff","tertiary-hover":"#e6e6e6","tertiary-active":"#e6e6e6","tertiary-box-shadow":"#fff","tertiary-invert":"#000","success-base":"#7cbb7b","success-background":"#000","success-background-glow-high-contrast":"#7cbb7b","success-dark":"#acd7aa","success-hover":"#acd7aa","success-active":"#acd7aa","success-box-shadow":"#fff","success-invert":"#000","info-base":"#e0b7fe","info-background":"#000","info-background-glow-high-contrast":"#e0b7fe","info-dark":"#efd9fd","info-hover":"#efd9fd","info-active":"#efd9fd","info-box-shadow":"#fff","info-invert":"#000","warning-base":"#ffe79f","warning-background":"#000","warning-background-glow-high-contrast":"#ffe79f","warning-dark":"#fff4ce","warning-hover":"#fff4ce","warning-active":"#fff4ce","warning-box-shadow":"#fff","warning-invert":"#000","danger-base":"#e5a7a8","danger-background":"#000","danger-background-glow-high-contrast":"#e5a7a8","danger-dark":"#fde7e9","danger-hover":"#fde7e9","danger-active":"#fde7e9","danger-box-shadow":"#fff","danger-invert":"#000","facepile-red":"#d4797a","facepile-teal":"#7becff","facepile-blue":"#75b6e7","gradient-text-purple":"#fff","gradient-text-blue":"#fff"}}}},"typography":{"name":"typography","location":"/css/src/tokens/typography.scss","tokens":{"$document-font-size":"16px","$font-size-9":"0.75rem","$font-size-8":"0.875rem","$font-size-7":"1rem","$font-size-6":"1.125rem","$font-size-5":"1.25rem","$font-size-4":"1.5rem","$font-size-3":"1.75rem","$font-size-2":"2.125rem","$font-size-1":"2.5rem","$font-size-0":"3.375rem","$weight-light":"100","$weight-semilight":"200","$weight-normal":"400","$weight-semibold":"600","$weight-bold":"700","$letter-spacing-medium":"0.125rem","$letter-spacing-wide":"0.225rem"}},"z-index":{"name":"z-index","location":"/css/src/tokens/z-index.scss","tokens":{"$zindex-active":"1","$zindex-hover":"2","$zindex-focus":"3","$zindex-multi":"4","$zindex-dropdown":"1000","$zindex-sticky":"1020","$zindex-fixed":"1030","$zindex-modal-backdrop":"1040","$zindex-modal":"1050","$zindex-popover":"1060","$zindex-tooltip":"1070","$zindex-stretched-link":"1"}}}
|
package/dist/tokens.ts
CHANGED
|
@@ -95,6 +95,7 @@ export interface ColorsTokens {
|
|
|
95
95
|
"$overlay-invert": string;
|
|
96
96
|
"$overlay-static": string;
|
|
97
97
|
$border: string;
|
|
98
|
+
"$border-accent": string;
|
|
98
99
|
"$code-header": string;
|
|
99
100
|
"$code-block": string;
|
|
100
101
|
"$inline-code": string;
|
|
@@ -106,6 +107,8 @@ export interface ColorsTokens {
|
|
|
106
107
|
"$facepile-red": string;
|
|
107
108
|
"$facepile-teal": string;
|
|
108
109
|
"$facepile-blue": string;
|
|
110
|
+
"$gradient-text-purple": string;
|
|
111
|
+
"$gradient-text-blue": string;
|
|
109
112
|
"$default-hover": string;
|
|
110
113
|
"$default-hover-invert": string;
|
|
111
114
|
"$border-white-high-contrast": string;
|
|
@@ -207,6 +210,7 @@ export interface DirectionTokens {
|
|
|
207
210
|
"$user-right": string;
|
|
208
211
|
"$user-translate-x-direction": string;
|
|
209
212
|
$directions: Directions;
|
|
213
|
+
"$logical-directions": Directions;
|
|
210
214
|
}
|
|
211
215
|
|
|
212
216
|
export interface Directions {
|
|
@@ -629,6 +633,7 @@ const typeMap: any = {
|
|
|
629
633
|
{ json: "$overlay-invert", js: "$overlay-invert", typ: "" },
|
|
630
634
|
{ json: "$overlay-static", js: "$overlay-static", typ: "" },
|
|
631
635
|
{ json: "$border", js: "$border", typ: "" },
|
|
636
|
+
{ json: "$border-accent", js: "$border-accent", typ: "" },
|
|
632
637
|
{ json: "$code-header", js: "$code-header", typ: "" },
|
|
633
638
|
{ json: "$code-block", js: "$code-block", typ: "" },
|
|
634
639
|
{ json: "$inline-code", js: "$inline-code", typ: "" },
|
|
@@ -640,6 +645,8 @@ const typeMap: any = {
|
|
|
640
645
|
{ json: "$facepile-red", js: "$facepile-red", typ: "" },
|
|
641
646
|
{ json: "$facepile-teal", js: "$facepile-teal", typ: "" },
|
|
642
647
|
{ json: "$facepile-blue", js: "$facepile-blue", typ: "" },
|
|
648
|
+
{ json: "$gradient-text-purple", js: "$gradient-text-purple", typ: "" },
|
|
649
|
+
{ json: "$gradient-text-blue", js: "$gradient-text-blue", typ: "" },
|
|
643
650
|
{ json: "$default-hover", js: "$default-hover", typ: "" },
|
|
644
651
|
{ json: "$default-hover-invert", js: "$default-hover-invert", typ: "" },
|
|
645
652
|
{ json: "$border-white-high-contrast", js: "$border-white-high-contrast", typ: "" },
|
|
@@ -738,6 +745,7 @@ const typeMap: any = {
|
|
|
738
745
|
{ json: "$user-right", js: "$user-right", typ: "" },
|
|
739
746
|
{ json: "$user-translate-x-direction", js: "$user-translate-x-direction", typ: "" },
|
|
740
747
|
{ json: "$directions", js: "$directions", typ: r("Directions") },
|
|
748
|
+
{ json: "$logical-directions", js: "$logical-directions", typ: r("Directions") },
|
|
741
749
|
], false),
|
|
742
750
|
"Directions": o([
|
|
743
751
|
{ json: "top", js: "top", typ: "" },
|
package/package.json
CHANGED
package/src/atomics/border.scss
CHANGED
package/src/atomics/index.scss
CHANGED
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
$border-gradient-colors: (
|
|
2
|
+
'body': $body-background,
|
|
3
|
+
'body-accent': $body-background-accent
|
|
4
|
+
) !default;
|
|
5
|
+
|
|
6
|
+
@each $name, $var in $border-gradient-colors {
|
|
7
|
+
// ex. .gradient-border-body { --border-gradient-end-color: var(--theme-body-background); }
|
|
8
|
+
.gradient-border-#{$name} {
|
|
9
|
+
--border-gradient-end-color: #{$var};
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
$border-gradient-direction: (
|
|
14
|
+
'right': 'inline-end',
|
|
15
|
+
'bottom': 'block-end'
|
|
16
|
+
) !default;
|
|
17
|
+
|
|
18
|
+
@each $direction, $logical-side in $border-gradient-direction {
|
|
19
|
+
.gradient-border-#{$direction} {
|
|
20
|
+
position: relative;
|
|
21
|
+
}
|
|
22
|
+
.gradient-border-#{$direction}:before {
|
|
23
|
+
display: block;
|
|
24
|
+
position: absolute;
|
|
25
|
+
content: '';
|
|
26
|
+
border-image: linear-gradient(
|
|
27
|
+
to #{$direction},
|
|
28
|
+
transparent 0%,
|
|
29
|
+
transparent 92%,
|
|
30
|
+
var(--border-gradient-end-color, transparent) 100%
|
|
31
|
+
);
|
|
32
|
+
border-#{$logical-side}-width: 320px;
|
|
33
|
+
border-#{$logical-side}-style: solid;
|
|
34
|
+
border-image-outset: 0;
|
|
35
|
+
|
|
36
|
+
@if $direction == 'right' {
|
|
37
|
+
border-image-slice: 0 128 0 0;
|
|
38
|
+
inset-block-start: 0;
|
|
39
|
+
inset-block-end: 0;
|
|
40
|
+
inset-inline-end: 0;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@if $direction == 'bottom' {
|
|
44
|
+
border-image-slice: 0 0 128 0;
|
|
45
|
+
inset-block-end: 0;
|
|
46
|
+
inset-inline-start: 0;
|
|
47
|
+
inset-inline-end: 0;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
@include forced-colors {
|
|
51
|
+
display: none !important;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@include tablet {
|
|
56
|
+
.gradient-border-to-#{$direction}-tablet:before {
|
|
57
|
+
border-image: linear-gradient(
|
|
58
|
+
to #{$direction},
|
|
59
|
+
transparent 0%,
|
|
60
|
+
transparent 92%,
|
|
61
|
+
var(--border-gradient-end-color) 100%
|
|
62
|
+
);
|
|
63
|
+
border-#{$logical-side}-width: 320px;
|
|
64
|
+
border-#{$logical-side}-style: solid;
|
|
65
|
+
border-image-outset: 0;
|
|
66
|
+
|
|
67
|
+
@if $direction == 'right' {
|
|
68
|
+
border-image-slice: 0 128 0 0;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
@if $direction == 'bottom' {
|
|
72
|
+
border-image-slice: 0 0 128 0;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
// Text color gradients cannot be quite so programmatic
|
|
79
|
+
|
|
80
|
+
.gradient-text-purple-blue {
|
|
81
|
+
/* stylelint-disable */
|
|
82
|
+
-webkit-background-clip: text;
|
|
83
|
+
/* stylelint-enable */
|
|
84
|
+
background-clip: text;
|
|
85
|
+
background-color: $gradient-text-purple;
|
|
86
|
+
background-image: linear-gradient(90deg, $gradient-text-purple, $gradient-text-blue);
|
|
87
|
+
color: transparent;
|
|
88
|
+
-webkit-text-fill-color: transparent;
|
|
89
|
+
line-height: 1.4; // required because of background clip, avoid "g" and "y" getting cut off
|
|
90
|
+
}
|
|
@@ -4,8 +4,10 @@
|
|
|
4
4
|
@import './button-reset.scss';
|
|
5
5
|
@import './form/index.scss';
|
|
6
6
|
@import './hero.scss';
|
|
7
|
+
@import './gradient.scss';
|
|
7
8
|
@import './link-button.scss';
|
|
8
9
|
@import './markdown.scss'; // must be ordered after code-block
|
|
10
|
+
@import './media.scss';
|
|
9
11
|
@import './icon.scss';
|
|
10
12
|
@import './popover.scss';
|
|
11
13
|
@import './pagination.scss';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
.media {
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: flex-start;
|
|
4
|
+
|
|
5
|
+
+ .media,
|
|
6
|
+
.media {
|
|
7
|
+
border-top: 1px solid $border;
|
|
8
|
+
margin-block-start: 1rem;
|
|
9
|
+
padding-block-start: 1rem;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.media-left {
|
|
14
|
+
flex: 0 0 auto;
|
|
15
|
+
margin-inline-end: 1rem;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.media-content {
|
|
19
|
+
flex: 1 1 auto;
|
|
20
|
+
width: 100%;
|
|
21
|
+
word-break: break-word;
|
|
22
|
+
}
|
package/src/tokens/colors.scss
CHANGED
|
@@ -25,6 +25,7 @@ $overlay: var(--theme-overlay);
|
|
|
25
25
|
$overlay-invert: var(--theme-overlay-invert);
|
|
26
26
|
$overlay-static: $palette-black-opacity-50;
|
|
27
27
|
$border: var(--theme-border);
|
|
28
|
+
$border-accent: var(--theme-border-accent);
|
|
28
29
|
|
|
29
30
|
$code-header: var(--theme-code-header);
|
|
30
31
|
$code-block: var(--theme-code-block);
|
|
@@ -41,6 +42,9 @@ $facepile-red: var(--theme-facepile-red);
|
|
|
41
42
|
$facepile-teal: var(--theme-facepile-teal);
|
|
42
43
|
$facepile-blue: var(--theme-facepile-blue);
|
|
43
44
|
|
|
45
|
+
$gradient-text-purple: var(--theme-gradient-text-purple);
|
|
46
|
+
$gradient-text-blue: var(--theme-gradient-text-blue);
|
|
47
|
+
|
|
44
48
|
$default-hover: var(--theme-hover-base);
|
|
45
49
|
$default-hover-invert: $body-background-medium;
|
|
46
50
|
$border-white-high-contrast: var(--theme-border-white-high-contrast);
|
|
@@ -15,7 +15,6 @@ $directions: (
|
|
|
15
15
|
'bottom': 'bottom',
|
|
16
16
|
'left': $user-left
|
|
17
17
|
);
|
|
18
|
-
//@end-sass-export-section
|
|
19
18
|
|
|
20
19
|
$logical-directions: (
|
|
21
20
|
'top': 'block-start',
|
|
@@ -23,3 +22,4 @@ $logical-directions: (
|
|
|
23
22
|
'bottom': 'block-end',
|
|
24
23
|
'left': 'inline-start'
|
|
25
24
|
);
|
|
25
|
+
//@end-sass-export-section
|
package/src/tokens/palette.scss
CHANGED
|
@@ -81,6 +81,8 @@ $palette-blue-80: #004173 !default;
|
|
|
81
81
|
$palette-blue-90: #002b4d !default;
|
|
82
82
|
$palette-blue-100: #000a13 !default;
|
|
83
83
|
|
|
84
|
+
$palette-blue-a: #9ccbee !default;
|
|
85
|
+
|
|
84
86
|
$palette-blue-opacity-30: hsl(206deg 100% 35% / 30%);
|
|
85
87
|
$palette-blue-opacity-70: hsl(206deg 100% 35% / 70%);
|
|
86
88
|
|
|
@@ -147,6 +149,9 @@ $palette-purple-80: #3b2e58 !default;
|
|
|
147
149
|
$palette-purple-90: #201843 !default;
|
|
148
150
|
$palette-purple-100: #03002c !default;
|
|
149
151
|
|
|
152
|
+
$palette-purple-a: #cd9bcf !default;
|
|
153
|
+
$palette-purple-b: #702573 !default; // light
|
|
154
|
+
|
|
150
155
|
$palette-purple-opacity-30: hsl(251deg 47% 18% / 30%) !default;
|
|
151
156
|
$palette-purple-opacity-70: hsl(251deg 47% 18% / 70%) !default;
|
|
152
157
|
|
package/src/tokens/themes.scss
CHANGED
|
@@ -20,14 +20,15 @@ $themes: (
|
|
|
20
20
|
'alternate-background-medium': $palette-grey-110,
|
|
21
21
|
'card-background': $palette-white,
|
|
22
22
|
'border': $palette-grey-30,
|
|
23
|
+
'border-accent': $palette-yellow-sand,
|
|
24
|
+
'border-white-high-contrast': $palette-white-opacity-0,
|
|
25
|
+
'border-yellow-high-contrast': $palette-black-opacity-0,
|
|
23
26
|
'table-header': $palette-grey-30,
|
|
24
27
|
'table-row': $palette-grey-20,
|
|
25
28
|
'table-row-header': $palette-grey-10,
|
|
26
29
|
'table-border-dark': $palette-grey-40,
|
|
27
30
|
'hover-base': $palette-grey-110,
|
|
28
31
|
'hover-invert': $palette-grey-10,
|
|
29
|
-
'border-white-high-contrast': $palette-white-opacity-0,
|
|
30
|
-
'border-yellow-high-contrast': $palette-black-opacity-0,
|
|
31
32
|
'code-header': $palette-grey-30,
|
|
32
33
|
'code-block': $palette-grey-20,
|
|
33
34
|
'control-border': $palette-grey-80,
|
|
@@ -99,7 +100,9 @@ $themes: (
|
|
|
99
100
|
'danger-invert': $palette-white,
|
|
100
101
|
'facepile-red': $palette-red-60,
|
|
101
102
|
'facepile-teal': $palette-turqoise-60,
|
|
102
|
-
'facepile-blue': $palette-blue-50
|
|
103
|
+
'facepile-blue': $palette-blue-50,
|
|
104
|
+
'gradient-text-purple': $palette-purple-b,
|
|
105
|
+
'gradient-text-blue': $palette-blue-70
|
|
103
106
|
),
|
|
104
107
|
'dark': (
|
|
105
108
|
'text': $palette-grey-30,
|
|
@@ -118,6 +121,9 @@ $themes: (
|
|
|
118
121
|
'alternate-background': $palette-grey-20,
|
|
119
122
|
'alternate-background-medium': $palette-grey-10,
|
|
120
123
|
'border': $palette-grey-100,
|
|
124
|
+
'border-accent': $palette-grey-90,
|
|
125
|
+
'border-white-high-contrast': $palette-white-opacity-0,
|
|
126
|
+
'border-yellow-high-contrast': $palette-black-opacity-0,
|
|
121
127
|
'card-background': $palette-blue-black,
|
|
122
128
|
'table-header': $palette-grey-100,
|
|
123
129
|
'table-row': $palette-grey-110,
|
|
@@ -125,8 +131,6 @@ $themes: (
|
|
|
125
131
|
'table-border-dark': $palette-grey-90,
|
|
126
132
|
'hover-base': $palette-grey-40,
|
|
127
133
|
'hover-invert': $palette-grey-110,
|
|
128
|
-
'border-white-high-contrast': $palette-white-opacity-0,
|
|
129
|
-
'border-yellow-high-contrast': $palette-black-opacity-0,
|
|
130
134
|
'code-header': $palette-grey-100,
|
|
131
135
|
'code-block': $palette-grey-110,
|
|
132
136
|
'control-border': $palette-grey-40,
|
|
@@ -198,7 +202,9 @@ $themes: (
|
|
|
198
202
|
'danger-invert': $palette-black,
|
|
199
203
|
'facepile-red': $palette-red-40,
|
|
200
204
|
'facepile-teal': $palette-turqoise-40,
|
|
201
|
-
'facepile-blue': $palette-blue-40
|
|
205
|
+
'facepile-blue': $palette-blue-40,
|
|
206
|
+
'gradient-text-purple': $palette-purple-a,
|
|
207
|
+
'gradient-text-blue': $palette-blue-a
|
|
202
208
|
),
|
|
203
209
|
'high-contrast': (
|
|
204
210
|
'text': $palette-white,
|
|
@@ -217,6 +223,9 @@ $themes: (
|
|
|
217
223
|
'alternate-background': $palette-white,
|
|
218
224
|
'alternate-background-medium': $palette-white,
|
|
219
225
|
'border': $palette-white,
|
|
226
|
+
'border-accent': $palette-white,
|
|
227
|
+
'border-white-high-contrast': $palette-white,
|
|
228
|
+
'border-yellow-high-contrast': $palette-yellow-high-contrast,
|
|
220
229
|
'card-background': $palette-black,
|
|
221
230
|
'table-header': $palette-grey-90,
|
|
222
231
|
'table-row': $palette-black,
|
|
@@ -224,8 +233,6 @@ $themes: (
|
|
|
224
233
|
'table-border-dark': $palette-white,
|
|
225
234
|
'hover-base': $palette-yellow-high-contrast,
|
|
226
235
|
'hover-invert': $palette-black,
|
|
227
|
-
'border-white-high-contrast': $palette-white,
|
|
228
|
-
'border-yellow-high-contrast': $palette-yellow-high-contrast,
|
|
229
236
|
'code-header': $palette-black,
|
|
230
237
|
'code-block': $palette-black,
|
|
231
238
|
'control-border': $palette-white,
|
|
@@ -297,7 +304,9 @@ $themes: (
|
|
|
297
304
|
'danger-invert': $palette-black,
|
|
298
305
|
'facepile-red': $palette-red-30,
|
|
299
306
|
'facepile-teal': $palette-turqoise-30,
|
|
300
|
-
'facepile-blue': $palette-blue-30
|
|
307
|
+
'facepile-blue': $palette-blue-30,
|
|
308
|
+
'gradient-text-purple': $white-static,
|
|
309
|
+
'gradient-text-blue': $white-static
|
|
301
310
|
)
|
|
302
311
|
) !default;
|
|
303
312
|
//@end-sass-export-section
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
.background-image-pattern-plus {
|
|
2
|
-
background-image: url("data:image/svg+xml,%3Csvg width='180' height='180' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M169.772 10.69V6.184h-2.238v4.506h-4.507v2.237h4.507v4.508h2.238v-4.508h4.506V10.69h-4.506ZM124.771 6.184h-2.238v4.506h-4.506v2.237h4.506v4.508h2.238v-4.508h4.506V10.69h-4.506V6.184ZM79.775 6.184h-2.238v4.506h-4.506v2.237h4.506v4.508h2.238v-4.508h4.506V10.69h-4.506V6.184ZM34.776 6.184h-2.238v4.506h-4.507v2.237h4.507v4.508h2.238v-4.508h4.506V10.69h-4.506V6.184ZM147.271 28.685h-2.238v4.506h-4.506v2.237h4.506v4.506h2.238v-4.506h4.507v-2.237h-4.507v-4.506ZM102.276 28.685h-2.238v4.506h-4.507v2.237h4.507v4.506h2.238v-4.506h4.506v-2.237h-4.506v-4.506ZM57.275 28.685h-2.238v4.506h-4.506v2.237h4.506v4.506h2.238v-4.506h4.506v-2.237h-4.506v-4.506ZM12.275 28.685h-2.238v4.506H5.531v2.237h4.506v4.506h2.238v-4.506h4.507v-2.237h-4.507v-4.506ZM169.772 51.185h-2.238v4.506h-4.507v2.237h4.507v4.506h2.238v-4.506h4.506v-2.237h-4.506v-4.506ZM124.771 51.185h-2.238v4.506h-4.506v2.237h4.506v4.506h2.238v-4.506h4.506v-2.237h-4.506v-4.506ZM79.775 51.185h-2.238v4.506h-4.506v2.237h4.506v4.506h2.238v-4.506h4.506v-2.237h-4.506v-4.506ZM34.776 51.185h-2.238v4.506h-4.507v2.237h4.507v4.506h2.238v-4.506h4.506v-2.237h-4.506v-4.506ZM147.271 73.681h-2.238v4.508h-4.506v2.237h4.506v4.506h2.238v-4.506h4.507v-2.237h-4.507V73.68ZM102.276 73.681h-2.238v4.508h-4.507v2.237h4.507v4.506h2.238v-4.506h4.506v-2.237h-4.506V73.68ZM57.275 73.681h-2.238v4.508h-4.506v2.237h4.506v4.506h2.238v-4.506h4.506v-2.237h-4.506V73.68ZM12.275 73.681h-2.238v4.508H5.531v2.237h4.506v4.506h2.238v-4.506h4.507v-2.237h-4.507V73.68ZM169.772 96.182h-2.238v4.506h-4.507v2.238h4.507v4.506h2.238v-4.506h4.506v-2.238h-4.506v-4.506ZM124.771 96.182h-2.238v4.506h-4.506v2.238h4.506v4.506h2.238v-4.506h4.506v-2.238h-4.506v-4.506ZM79.775 96.182h-2.238v4.506h-4.506v2.238h4.506v4.506h2.238v-4.506h4.506v-2.238h-4.506v-4.506ZM34.776 96.182h-2.238v4.506h-4.507v2.238h4.507v4.506h2.238v-4.506h4.506v-2.238h-4.506v-4.506ZM147.271 118.682h-2.238v4.506h-4.506v2.237h4.506v4.506h2.238v-4.506h4.507v-2.237h-4.507v-4.506ZM102.276 118.682h-2.238v4.506h-4.507v2.237h4.507v4.506h2.238v-4.506h4.506v-2.237h-4.506v-4.506ZM57.275 118.682h-2.238v4.506h-4.506v2.237h4.506v4.506h2.238v-4.506h4.506v-2.237h-4.506v-4.506ZM12.275 118.682h-2.238v4.506H5.531v2.237h4.506v4.506h2.238v-4.506h4.507v-2.237h-4.507v-4.506ZM169.772 141.182h-2.238v4.507h-4.507v2.238h4.507v4.506h2.238v-4.506h4.506v-2.238h-4.506v-4.507ZM124.771 141.182h-2.238v4.507h-4.506v2.238h4.506v4.506h2.238v-4.506h4.506v-2.238h-4.506v-4.507ZM79.775 141.182h-2.238v4.507h-4.506v2.238h4.506v4.506h2.238v-4.506h4.506v-2.238h-4.506v-4.507ZM34.776 141.182h-2.238v4.507h-4.507v2.238h4.507v4.506h2.238v-4.506h4.506v-2.238h-4.506v-4.507ZM147.271 163.683h-2.238v4.506h-4.506v2.237h4.506v4.506h2.238v-4.506h4.507v-2.237h-4.507v-4.506ZM102.276 163.683h-2.238v4.506h-4.507v2.237h4.507v4.506h2.238v-4.506h4.506v-2.237h-4.506v-4.506ZM57.275 163.683h-2.238v4.506h-4.506v2.237h4.506v4.506h2.238v-4.506h4.506v-2.237h-4.506v-4.506ZM12.275 163.683h-2.238v4.506H5.531v2.237h4.506v4.506h2.238v-4.506h4.507v-2.237h-4.507v-4.506Z' fill='%23000' fill-opacity='.1'/%3E%3C/svg%3E");
|
|
3
|
-
}
|