@danske/sapphire-css 16.3.0 → 25.1.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 (91) hide show
  1. package/README.md +1 -11
  2. package/build/themes/cjs/default-dark.d.ts +3 -2
  3. package/build/themes/cjs/default-dark.js +5 -1
  4. package/build/themes/cjs/default.d.ts +3 -2
  5. package/build/themes/cjs/default.js +5 -1
  6. package/build/themes/cjs/index.d.ts +4 -0
  7. package/build/themes/cjs/june-dark.d.ts +3 -2
  8. package/build/themes/cjs/june-dark.js +5 -1
  9. package/build/themes/cjs/june.d.ts +3 -2
  10. package/build/themes/cjs/june.js +5 -1
  11. package/build/themes/esm/default-dark.d.ts +3 -2
  12. package/build/themes/esm/default-dark.js +5 -1
  13. package/build/themes/esm/default.d.ts +3 -2
  14. package/build/themes/esm/default.js +5 -1
  15. package/build/themes/esm/index.d.ts +4 -0
  16. package/build/themes/esm/june-dark.d.ts +3 -2
  17. package/build/themes/esm/june-dark.js +5 -1
  18. package/build/themes/esm/june.d.ts +3 -2
  19. package/build/themes/esm/june.js +5 -1
  20. package/components/accordion/accordion.module.css +163 -0
  21. package/components/badge/badge.module.css +246 -79
  22. package/components/badge/badge.module.css.d.ts +42 -10
  23. package/components/button/button.module.css +401 -74
  24. package/components/button/button.module.css.d.ts +11 -5
  25. package/components/buttonGroup/buttonGroup.module.css +20 -4
  26. package/components/buttonGroup/buttonGroup.module.css.d.ts +2 -1
  27. package/components/calendar/calendar.module.css +9 -2
  28. package/components/calendar/calendar.module.css.d.ts +1 -2
  29. package/components/checkbox/checkbox.module.css +44 -11
  30. package/components/checkbox/checkbox.module.css.d.ts +3 -0
  31. package/components/dateField/dateField.module.css +81 -86
  32. package/components/dateField/dateField.module.css.d.ts +3 -6
  33. package/components/dialog/dialog.module.css +34 -15
  34. package/components/dialog/dialog.module.css.d.ts +2 -2
  35. package/components/field/field.module.css +136 -0
  36. package/components/field/field.module.css.d.ts +0 -1
  37. package/components/fieldGroup/fieldGroup.module.css +8 -54
  38. package/components/fieldGroup/fieldGroup.module.css.d.ts +4 -8
  39. package/components/icon/icon.module.css +11 -6
  40. package/components/icon/icon.module.css.d.ts +1 -0
  41. package/components/iconButton/iconButton.module.css +356 -70
  42. package/components/iconButton/iconButton.module.css.d.ts +8 -4
  43. package/components/label/label.module.css +29 -0
  44. package/components/link/link.module.css +71 -13
  45. package/components/link/link.module.css.d.ts +7 -2
  46. package/components/list/list.module.css +47 -21
  47. package/components/list/list.module.css.d.ts +1 -1
  48. package/components/listbox/listbox.module.css +53 -13
  49. package/components/listbox/listbox.module.css.d.ts +3 -1
  50. package/components/notificationBadge/notificationBadge.module.css +126 -0
  51. package/components/panel/panel.module.css +32 -14
  52. package/components/panel/panel.module.css.d.ts +3 -2
  53. package/components/paragraph/paragraph.module.css +4 -7
  54. package/components/paragraph/paragraph.module.css.d.ts +1 -2
  55. package/components/radio/radio.module.css +34 -9
  56. package/components/radio/radio.module.css.d.ts +2 -0
  57. package/components/searchField/searchField.module.css +43 -19
  58. package/components/searchField/searchField.module.css.d.ts +2 -0
  59. package/components/segmentedControl/segmentedControl.module.css +7 -7
  60. package/components/select/select.module.css +24 -51
  61. package/components/select/select.module.css.d.ts +1 -4
  62. package/components/spinner/spinner.module.css +64 -0
  63. package/components/surface/surface.module.css +5 -1
  64. package/components/surface/surface.module.css.d.ts +1 -0
  65. package/components/switch/switch.module.css +44 -44
  66. package/components/switch/switch.module.css.d.ts +1 -0
  67. package/components/table/table.module.css +22 -40
  68. package/components/tabs/tabs.module.css +155 -23
  69. package/components/tabs/tabs.module.css.d.ts +9 -2
  70. package/components/text/text.module.css +207 -0
  71. package/components/textField/textField.module.css +67 -89
  72. package/components/textField/textField.module.css.d.ts +3 -7
  73. package/components/toast/toast.module.css +101 -0
  74. package/components/tooltip/tooltip.module.css +13 -8
  75. package/components/tooltip/tooltip.module.css.d.ts +1 -0
  76. package/package.json +10 -7
  77. package/themes/default-dark.assets.css +1 -0
  78. package/themes/default-dark.d.ts +3 -2
  79. package/themes/default-dark.js +5 -1
  80. package/themes/default-dark.tokens.scss +1 -0
  81. package/themes/default.assets.css +1 -0
  82. package/themes/default.d.ts +3 -2
  83. package/themes/default.js +5 -1
  84. package/themes/default.tokens.scss +1 -0
  85. package/themes/index.d.ts +4 -0
  86. package/themes/june-dark.d.ts +3 -2
  87. package/themes/june-dark.js +5 -1
  88. package/themes/june-dark.scss +3 -0
  89. package/themes/june.d.ts +3 -2
  90. package/themes/june.js +5 -1
  91. package/themes/june.scss +3 -0
package/themes/default-dark.js CHANGED
@@ -5,4 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  exports.__esModule = true;
6
6
  require("@danske/sapphire-design-tokens/build/themes/default-dark/assets/fonts/danske/fontFace.css");
7
7
  var tokens_module_css_1 = __importDefault(require("@danske/sapphire-design-tokens/build/themes/default-dark/css/tokens.module.css"));
8
- exports["default"] = tokens_module_css_1["default"]['sapphire-theme-default-dark'];
8
+ var theme = {
9
+ themeClassName: tokens_module_css_1["default"]['sapphire-theme-default-dark'],
10
+ contrastThemeClassName: tokens_module_css_1["default"]['sapphire-theme-contrast']
11
+ };
12
+ exports["default"] = theme;
package/themes/default-dark.tokens.scss ADDED
@@ -0,0 +1 @@
1
+ @use '@danske/sapphire-design-tokens/build/themes/default-dark/css/tokens.css';
package/themes/default.assets.css ADDED
@@ -0,0 +1 @@
1
+ @import '@danske/sapphire-design-tokens/build/themes/default/assets/fonts/danske/fontFace.css';
package/themes/default.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  import '@danske/sapphire-design-tokens/build/themes/default/assets/fonts/danske/fontFace.css';
2
- declare const _default: string;
3
- export default _default;
2
+ import type { Theme } from '.';
3
+ declare const theme: Theme;
4
+ export default theme;
package/themes/default.js CHANGED
@@ -5,4 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  exports.__esModule = true;
6
6
  require("@danske/sapphire-design-tokens/build/themes/default/assets/fonts/danske/fontFace.css");
7
7
  var tokens_module_css_1 = __importDefault(require("@danske/sapphire-design-tokens/build/themes/default/css/tokens.module.css"));
8
- exports["default"] = tokens_module_css_1["default"]['sapphire-theme-default'];
8
+ var theme = {
9
+ themeClassName: tokens_module_css_1["default"]['sapphire-theme-default'],
10
+ contrastThemeClassName: tokens_module_css_1["default"]['sapphire-theme-contrast']
11
+ };
12
+ exports["default"] = theme;
package/themes/default.tokens.scss ADDED
@@ -0,0 +1 @@
1
+ @use '@danske/sapphire-design-tokens/build/themes/default/css/tokens.css';
package/themes/index.d.ts CHANGED
@@ -1 +1,5 @@
1
1
  export { default as tokens } from '@danske/sapphire-design-tokens/build/themes';
2
+ export declare type Theme = {
3
+ themeClassName: string;
4
+ contrastThemeClassName: string;
5
+ };
package/themes/june-dark.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import '@danske/sapphire-design-tokens/build/themes/june-dark/assets/fonts/fira/fontFace.css';
2
2
  import '@danske/sapphire-design-tokens/build/themes/june-dark/assets/fonts/playfair/fontFace.css';
3
- declare const _default: string;
4
- export default _default;
3
+ import type { Theme } from '.';
4
+ declare const theme: Theme;
5
+ export default theme;
package/themes/june-dark.js CHANGED
@@ -6,4 +6,8 @@ exports.__esModule = true;
6
6
  require("@danske/sapphire-design-tokens/build/themes/june-dark/assets/fonts/fira/fontFace.css");
7
7
  require("@danske/sapphire-design-tokens/build/themes/june-dark/assets/fonts/playfair/fontFace.css");
8
8
  var tokens_module_css_1 = __importDefault(require("@danske/sapphire-design-tokens/build/themes/june-dark/css/tokens.module.css"));
9
- exports["default"] = tokens_module_css_1["default"]['sapphire-theme-june-dark'];
9
+ var theme = {
10
+ themeClassName: tokens_module_css_1["default"]['sapphire-theme-june-dark'],
11
+ contrastThemeClassName: tokens_module_css_1["default"]['sapphire-theme-contrast']
12
+ };
13
+ exports["default"] = theme;
package/themes/june-dark.scss ADDED
@@ -0,0 +1,3 @@
1
+ @use '@danske/sapphire-design-tokens/build/themes/june-dark/assets/fonts/fira/fontFace.css';
2
+ @use '@danske/sapphire-design-tokens/build/themes/june-dark/assets/fonts/playfair/fontFace.css';
3
+ @use '@danske/sapphire-design-tokens/build/themes/june-dark/css/tokens.css';
package/themes/june.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import '@danske/sapphire-design-tokens/build/themes/june/assets/fonts/fira/fontFace.css';
2
2
  import '@danske/sapphire-design-tokens/build/themes/june/assets/fonts/playfair/fontFace.css';
3
- declare const _default: string;
4
- export default _default;
3
+ import type { Theme } from '.';
4
+ declare const theme: Theme;
5
+ export default theme;
package/themes/june.js CHANGED
@@ -6,4 +6,8 @@ exports.__esModule = true;
6
6
  require("@danske/sapphire-design-tokens/build/themes/june/assets/fonts/fira/fontFace.css");
7
7
  require("@danske/sapphire-design-tokens/build/themes/june/assets/fonts/playfair/fontFace.css");
8
8
  var tokens_module_css_1 = __importDefault(require("@danske/sapphire-design-tokens/build/themes/june/css/tokens.module.css"));
9
- exports["default"] = tokens_module_css_1["default"]['sapphire-theme-june'];
9
+ var theme = {
10
+ themeClassName: tokens_module_css_1["default"]['sapphire-theme-june'],
11
+ contrastThemeClassName: tokens_module_css_1["default"]['sapphire-theme-contrast']
12
+ };
13
+ exports["default"] = theme;
package/themes/june.scss ADDED
@@ -0,0 +1,3 @@
1
+ @use '@danske/sapphire-design-tokens/build/themes/june/assets/fonts/fira/fontFace.css';
2
+ @use '@danske/sapphire-design-tokens/build/themes/june/assets/fonts/playfair/fontFace.css';
3
+ @use '@danske/sapphire-design-tokens/build/themes/june/css/tokens.css';