@@ -8,24 +8,23 @@ const baseReset = `
88html { box-sizing: border-box; }
99*, *:before, *:after { box-sizing: inherit; }
1010
11- html[nve-theme], html[mlv-theme], body[nve-theme], body[mlv-theme], [ nve-theme~='root'], [mlv -theme~='root'] {
11+ html[nve-theme], body[nve-theme], [ nve-theme~='root'] {
1212 color-scheme: var(--nve-sys-color-scheme) !important;
1313 background: var(--nve-sys-layer-canvas-background) !important;
1414 color: var(--nve-sys-layer-canvas-color) !important;
1515 font-family: var(--nve-ref-font-family) !important;
1616 text-rendering: optimizeSpeed;
1717}
1818
19- [nve-theme] body, [mlv-theme] body {
19+ [nve-theme] body {
2020 margin: 0;
2121}
2222
2323body:has([nve-popover]:popover-open) {
2424 overflow-x: hidden;
2525}
2626
27- *:has([nve-popover]),
28- *:has([mlv-popover]) {
27+ *:has([nve-popover]) {
2928 contain: initial;
3029}` ;
3130
@@ -108,10 +107,7 @@ StyleDictionary.registerFormat({
108107 const experimental = dictionary . allTokens . find ( t => t . name . includes ( 'experimental' ) )
109108 ? '/*!\n * @experimental\n */'
110109 : '' ;
111- const selector =
112- options . theme !== 'index'
113- ? `[nve-theme*='${ options . theme } '], [mlv-theme*='${ options . theme } ']`
114- : `:root, [nve-theme~='light'], [mlv-theme~='light']` ; // todo
110+ const selector = options . theme !== 'index' ? `[nve-theme*='${ options . theme } ']` : `:root, [nve-theme~='light']` ;
115111 const config = dictionary . allTokens . filter ( t => t . name . includes ( 'config' ) && ! t . name . includes ( 'experimental' ) ) ;
116112 const configString = `:root{${ config . map ( t => `--${ t . name } : ${ t . value } ` ) . join ( ';\n' ) } }` ;
117113 const formatted = formattedVariables ( { format : 'css' , dictionary, outputReferences : options . outputReferences } )
@@ -129,7 +125,9 @@ StyleDictionary.registerFormat({
129125 } )
130126 . join ( '\n' ) ;
131127
132- const deprecated = options . theme . includes ( 'brand' ) ? '/*!\n * @deprecated - use @nvidia-elements/brand instead\n */' : '' ;
128+ const deprecated = options . theme . includes ( 'brand' )
129+ ? '/*!\n * @deprecated - use @nvidia-elements/brand instead\n */'
130+ : '' ;
133131 return `${ deprecated } \n${ experimental } \n${ options . theme === 'index' ? `${ baseReset } \n` : '' } ${ configString } ${ selector } {\n${ formatted } \n}` ;
134132 }
135133} ) ;
0 commit comments