@norges-domstoler/dds-design-tokens 5.1.0 → 6.0.1
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/README.md +2 -2
- package/dist/cjs/dds/build/js/ddsTokens.d.ts +412 -629
- package/dist/cjs/dds/index.d.ts +0 -9
- package/dist/cjs/index.js +826 -11036
- package/dist/cjs/src/index.d.ts +414 -2
- package/dist/css/ddsTokens.css +218 -376
- package/dist/dds/build/js/ddsTokens.d.ts +412 -629
- package/dist/dds/build/js/ddsTokens.js +414 -630
- package/dist/dds/index.d.ts +0 -9
- package/dist/index.js +5 -2
- package/dist/scss/_ddsTokens.scss +214 -376
- package/dist/src/index.d.ts +414 -2
- package/package.json +18 -11
- package/dist/cjs/dds/build/js/borderRadius.d.ts +0 -10
- package/dist/cjs/dds/build/js/breakpoints.d.ts +0 -10
- package/dist/cjs/dds/build/js/colors.d.ts +0 -156
- package/dist/cjs/dds/build/js/font.d.ts +0 -400
- package/dist/cjs/dds/build/js/fontObject.d.ts +0 -6614
- package/dist/cjs/dds/build/js/grid.d.ts +0 -15
- package/dist/cjs/dds/build/js/iconSize.d.ts +0 -6
- package/dist/cjs/dds/build/js/outershadow.d.ts +0 -12
- package/dist/cjs/dds/build/js/spacing.d.ts +0 -28
- package/dist/cjs/dds/formattedStyles/fontPackages/fontPackages.d.ts +0 -477
- package/dist/cjs/dds/formattedStyles/fontPackages/index.d.ts +0 -1
- package/dist/cjs/dds/utils/fontPackageFormatter.d.ts +0 -22
- package/dist/cjs/src/ddsBaseTokens.d.ts +0 -1119
- package/dist/cjs/src/ddsReferenceTokens.d.ts +0 -45
- package/dist/css/borderRadius.css +0 -12
- package/dist/css/breakpoints.css +0 -12
- package/dist/css/colors.css +0 -159
- package/dist/css/font.css +0 -282
- package/dist/css/grid.css +0 -17
- package/dist/css/iconSize.css +0 -10
- package/dist/css/outershadow.css +0 -15
- package/dist/css/spacing.css +0 -21
- package/dist/dds/build/js/borderRadius.d.ts +0 -10
- package/dist/dds/build/js/borderRadius.js +0 -12
- package/dist/dds/build/js/breakpoints.d.ts +0 -10
- package/dist/dds/build/js/breakpoints.js +0 -12
- package/dist/dds/build/js/colors.d.ts +0 -156
- package/dist/dds/build/js/colors.js +0 -158
- package/dist/dds/build/js/font.d.ts +0 -400
- package/dist/dds/build/js/font.js +0 -402
- package/dist/dds/build/js/fontObject.d.ts +0 -6614
- package/dist/dds/build/js/fontObject.js +0 -8366
- package/dist/dds/build/js/grid.d.ts +0 -15
- package/dist/dds/build/js/grid.js +0 -17
- package/dist/dds/build/js/iconSize.d.ts +0 -6
- package/dist/dds/build/js/iconSize.js +0 -8
- package/dist/dds/build/js/outershadow.d.ts +0 -12
- package/dist/dds/build/js/outershadow.js +0 -14
- package/dist/dds/build/js/spacing.d.ts +0 -28
- package/dist/dds/build/js/spacing.js +0 -30
- package/dist/dds/formattedStyles/fontPackages/fontPackages.d.ts +0 -477
- package/dist/dds/formattedStyles/fontPackages/fontPackages.js +0 -33
- package/dist/dds/formattedStyles/fontPackages/index.d.ts +0 -1
- package/dist/dds/utils/fontPackageFormatter.d.ts +0 -22
- package/dist/dds/utils/fontPackageFormatter.js +0 -23
- package/dist/ddsBaseTokens.js +0 -25
- package/dist/ddsReferenceTokens.js +0 -45
- package/dist/scss/_borderRadius.scss +0 -9
- package/dist/scss/_breakpoints.scss +0 -9
- package/dist/scss/_colors.scss +0 -156
- package/dist/scss/_font.scss +0 -279
- package/dist/scss/_iconSize.scss +0 -7
- package/dist/scss/_outershadow.scss +0 -12
- package/dist/scss/_spacing.scss +0 -18
- package/dist/src/ddsBaseTokens.d.ts +0 -1119
- package/dist/src/ddsReferenceTokens.d.ts +0 -45
package/README.md
CHANGED
|
@@ -48,8 +48,8 @@ import { render } from 'react-dom';
|
|
|
48
48
|
import { ddsTokens } from '@norges-domstoler/dds-design-tokens';
|
|
49
49
|
|
|
50
50
|
const style = {
|
|
51
|
-
backgroundColor: ddsTokens.
|
|
52
|
-
padding: ddsTokens.
|
|
51
|
+
backgroundColor: ddsTokens.ddsColorBgDefault,
|
|
52
|
+
padding: ddsTokens.ddsSpacingX075,
|
|
53
53
|
};
|
|
54
54
|
|
|
55
55
|
const App = () => <div style={style}>Tekst</div>;
|