@shopify/polaris
Version:
Shopify’s product component library
17 lines (16 loc) • 775 B
JavaScript
import { config } from '@shopify/polaris-tokens/dist-modern/configs/base';
import { toCssCustomPropertySyntax, Tokens } from '../theme';
export const nonDesignLangaugeCustomProperties = [
'--global-ribbon-height',
'--top-bar-background',
'--Polaris-RangeSlider-progress-lower',
'--Polaris-RangeSlider-progress-upper',
'--Polaris-RangeSlider-progress',
'--Polaris-RangeSlider-output-factor',
'--top-bar-color',
'--top-bar-background-lighter',
'--top-bar-background-darker',
'--top-bar-border',
'--p-frame-offset',
];
export const designLangaugeCustomProperties = [].concat(...Object.values(config).map((variant) => variant.map(({ name }) => toCssCustomPropertySyntax(name))), ...Object.keys(Tokens).map(toCssCustomPropertySyntax));