@danske/sapphire-css 51.0.0 → 52.2.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.
Files changed (47) hide show
  1. package/build/themes/cjs/default-dark.js +4 -1
  2. package/build/themes/cjs/default.js +4 -1
  3. package/build/themes/cjs/index.d.ts +3 -0
  4. package/build/themes/cjs/realkredit.js +4 -1
  5. package/build/themes/esm/default-dark.js +4 -1
  6. package/build/themes/esm/default.js +4 -1
  7. package/build/themes/esm/index.d.ts +3 -0
  8. package/build/themes/esm/realkredit.js +4 -1
  9. package/components/alert/alert.module.css +3 -2
  10. package/components/avatar/avatar.module.css +1 -0
  11. package/components/button/button.module.css +1 -1
  12. package/components/calendar/calendar.module.css +46 -4
  13. package/components/calendar/calendar.module.css.d.ts +1 -0
  14. package/components/checkbox/checkbox.module.css +48 -3
  15. package/components/checkbox/checkbox.module.css.d.ts +5 -0
  16. package/components/danskeProgressBar/danskeProgressBar.module.css +178 -0
  17. package/components/danskeProgressBar/danskeProgressBar.module.css.d.ts +9 -0
  18. package/components/dateField/dateField.module.css +30 -1
  19. package/components/dateField/dateField.module.css.d.ts +1 -0
  20. package/components/dropzone/dropzone.module.css +12 -49
  21. package/components/field/field.module.css +180 -15
  22. package/components/field/field.module.css.d.ts +9 -2
  23. package/components/fieldGroup/fieldGroup.module.css +4 -0
  24. package/components/fieldGroup/fieldGroup.module.css.d.ts +1 -0
  25. package/components/label/label.module.css +5 -0
  26. package/components/label/label.module.css.d.ts +1 -0
  27. package/components/listbox/listbox.module.css +6 -0
  28. package/components/modalLayout/modalLayout.module.css +2 -1
  29. package/components/radio/radio.module.css +79 -18
  30. package/components/radio/radio.module.css.d.ts +5 -0
  31. package/components/searchField/searchField.module.css +31 -6
  32. package/components/searchField/searchField.module.css.d.ts +1 -0
  33. package/components/select/select.module.css +52 -11
  34. package/components/select/select.module.css.d.ts +2 -0
  35. package/components/slider/slider.module.css +2 -3
  36. package/components/switch/switch.module.css +42 -8
  37. package/components/switch/switch.module.css.d.ts +2 -0
  38. package/components/table/table.module.css +45 -2
  39. package/components/table/table.module.css.d.ts +3 -2
  40. package/components/textField/textField.module.css +43 -10
  41. package/components/textField/textField.module.css.d.ts +1 -0
  42. package/components/toast/toast.module.css +1 -0
  43. package/package.json +19 -22
  44. package/themes/default-dark.js +4 -1
  45. package/themes/default.js +4 -1
  46. package/themes/index.d.ts +3 -0
  47. package/themes/realkredit.js +4 -1
package/themes/default-dark.js CHANGED
@@ -8,6 +8,9 @@ var tokens_module_css_1 = __importDefault(require("@danske/sapphire-design-token
8
8
  var theme = {
9
9
  themeClassName: tokens_module_css_1["default"]['sapphire-theme-default-dark'],
10
10
  themeSecondaryModifierClassName: tokens_module_css_1["default"]['sapphire-theme--secondary'],
11
- themeContrastModifierClassName: tokens_module_css_1["default"]['sapphire-theme--contrast']
11
+ themeContrastModifierClassName: tokens_module_css_1["default"]['sapphire-theme--contrast'],
12
+ themeScaleSmModifierClassName: tokens_module_css_1["default"]['sapphire-theme--scale-sm'],
13
+ themeScaleMdModifierClassName: tokens_module_css_1["default"]['sapphire-theme--scale-md'],
14
+ themeScaleAutoModifierClassName: tokens_module_css_1["default"]['sapphire-theme--scale-auto']
12
15
  };
13
16
  exports["default"] = theme;
package/themes/default.js CHANGED
@@ -9,6 +9,9 @@ var theme = {
9
9
  themeClassName: tokens_module_css_1["default"]['sapphire-theme-default'],
10
10
  themeSecondaryModifierClassName: tokens_module_css_1["default"]['sapphire-theme--secondary'],
11
11
  themeTertiaryModifierClassName: tokens_module_css_1["default"]['sapphire-theme--tertiary'],
12
- themeContrastModifierClassName: tokens_module_css_1["default"]['sapphire-theme--contrast']
12
+ themeContrastModifierClassName: tokens_module_css_1["default"]['sapphire-theme--contrast'],
13
+ themeScaleSmModifierClassName: tokens_module_css_1["default"]['sapphire-theme--scale-sm'],
14
+ themeScaleMdModifierClassName: tokens_module_css_1["default"]['sapphire-theme--scale-md'],
15
+ themeScaleAutoModifierClassName: tokens_module_css_1["default"]['sapphire-theme--scale-auto']
13
16
  };
14
17
  exports["default"] = theme;
package/themes/index.d.ts CHANGED
@@ -4,4 +4,7 @@ export interface Theme {
4
4
  themeSecondaryModifierClassName?: string;
5
5
  themeTertiaryModifierClassName?: string;
6
6
  themeContrastModifierClassName?: string;
7
+ themeScaleSmModifierClassName?: string;
8
+ themeScaleMdModifierClassName?: string;
9
+ themeScaleAutoModifierClassName?: string;
7
10
  }
package/themes/realkredit.js CHANGED
@@ -6,6 +6,9 @@ exports.__esModule = true;
6
6
  require("@danske/sapphire-design-tokens/build/themes/realkredit/assets/fonts/realkredit/fontFace.css");
7
7
  var tokens_module_css_1 = __importDefault(require("@danske/sapphire-design-tokens/build/themes/realkredit/css/tokens.module.css"));
8
8
  var theme = {
9
- themeClassName: tokens_module_css_1["default"]['sapphire-theme-realkredit']
9
+ themeClassName: tokens_module_css_1["default"]['sapphire-theme-realkredit'],
10
+ themeScaleSmModifierClassName: tokens_module_css_1["default"]['sapphire-theme--scale-sm'],
11
+ themeScaleMdModifierClassName: tokens_module_css_1["default"]['sapphire-theme--scale-md'],
12
+ themeScaleAutoModifierClassName: tokens_module_css_1["default"]['sapphire-theme--scale-auto']
10
13
  };
11
14
  exports["default"] = theme;