@danske/sapphire-css 39.0.1 → 40.0.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 (78) hide show
  1. package/build/themes/cjs/default-dark.js +1 -0
  2. package/build/themes/cjs/default.js +1 -0
  3. package/build/themes/cjs/index.d.ts +1 -0
  4. package/build/themes/esm/default-dark.js +1 -0
  5. package/build/themes/esm/default.js +1 -0
  6. package/build/themes/esm/index.d.ts +1 -0
  7. package/components/accordion/accordion.module.css +26 -26
  8. package/components/avatar/avatar.module.css +55 -78
  9. package/components/avatar/avatar.module.css.d.ts +16 -21
  10. package/components/backdrop/backdrop.module.css +5 -5
  11. package/components/badge/badge.module.css +76 -324
  12. package/components/badge/badge.module.css.d.ts +16 -34
  13. package/components/button/button.module.css +180 -263
  14. package/components/button/button.module.css.d.ts +4 -8
  15. package/components/buttonGroup/buttonGroup.module.css +39 -13
  16. package/components/calendar/calendar.module.css +64 -125
  17. package/components/calendar/calendar.module.css.d.ts +0 -7
  18. package/components/checkbox/checkbox.module.css +102 -69
  19. package/components/checkbox/checkbox.module.css.d.ts +1 -1
  20. package/components/contextualHelp/contextualHelp.module.css +7 -7
  21. package/components/dateField/dateField.module.css +42 -29
  22. package/components/dateField/dateField.module.css.d.ts +3 -2
  23. package/components/dialog/dialog.module.css +3 -3
  24. package/components/dropzone/dropzone.module.css +19 -21
  25. package/components/feedbackMessage/feedbackMessage.module.css +2 -40
  26. package/components/feedbackMessage/feedbackMessage.module.css.d.ts +0 -6
  27. package/components/field/field.module.css +22 -13
  28. package/components/field/field.module.css.d.ts +2 -2
  29. package/components/fieldGroup/fieldGroup.module.css +3 -3
  30. package/components/filterDropdown/filterDropdown.module.css +1 -1
  31. package/components/flag/flag.module.css +6 -6
  32. package/components/icon/icon.module.css +31 -4
  33. package/components/icon/icon.module.css.d.ts +6 -0
  34. package/components/iconButton/iconButton.module.css +237 -189
  35. package/components/iconButton/iconButton.module.css.d.ts +2 -3
  36. package/components/label/label.module.css +4 -5
  37. package/components/link/link.module.css +24 -54
  38. package/components/link/link.module.css.d.ts +1 -4
  39. package/components/list/list.module.css +20 -33
  40. package/components/listbox/listbox.module.css +109 -131
  41. package/components/listbox/listbox.module.css.d.ts +2 -4
  42. package/components/modalLayout/modalLayout.module.css +11 -12
  43. package/components/notificationBadge/notificationBadge.module.css +18 -15
  44. package/components/pagination/pagination.module.css +9 -9
  45. package/components/panel/panel.module.css +3 -1
  46. package/components/popover/popover.module.css +3 -2
  47. package/components/radio/radio.module.css +32 -9
  48. package/components/searchField/searchField.module.css +24 -25
  49. package/components/segmentedControl/segmentedControl.module.css +15 -17
  50. package/components/select/select.module.css +34 -18
  51. package/components/select/select.module.css.d.ts +2 -0
  52. package/components/skeleton/skeleton.module.css +5 -2
  53. package/components/spinner/spinner.module.css +3 -3
  54. package/components/surface/surface.module.css +2 -2
  55. package/components/switch/switch.module.css +49 -46
  56. package/components/switch/switch.module.css.d.ts +2 -2
  57. package/components/table/table.module.css +164 -136
  58. package/components/table/table.module.css.d.ts +5 -6
  59. package/components/tabs/tabs.module.css +24 -20
  60. package/components/tag/tag.module.css +16 -30
  61. package/components/tag/tag.module.css.d.ts +1 -1
  62. package/components/text/text.module.css +69 -82
  63. package/components/text/text.module.css.d.ts +19 -14
  64. package/components/textField/textField.module.css +45 -35
  65. package/components/textField/textField.module.css.d.ts +2 -2
  66. package/components/toast/toast.module.css +33 -153
  67. package/components/toast/toast.module.css.d.ts +2 -6
  68. package/components/tooltip/tooltip.module.css +7 -6
  69. package/package.json +4 -4
  70. package/themes/default-dark.js +1 -0
  71. package/themes/default.js +1 -0
  72. package/themes/index.d.ts +1 -0
  73. package/components/heading/heading.module.css +0 -95
  74. package/components/heading/heading.module.css.d.ts +0 -12
  75. package/components/labeledValue/labeledValue.module.css +0 -10
  76. package/components/labeledValue/labeledValue.module.css.d.ts +0 -7
  77. package/components/paragraph/paragraph.module.css +0 -32
  78. package/components/paragraph/paragraph.module.css.d.ts +0 -7
package/components/labeledValue/labeledValue.module.css DELETED
@@ -1,10 +0,0 @@
1
- .sapphire-labeled-value {
2
- line-height: var(--sapphire-semantic-size-line-height-md);
3
- font-size: var(--sapphire-semantic-size-font-control-default);
4
- }
5
-
6
- .sapphire-field--md .sapphire-labeled-value,
7
- .sapphire-labeled-value--md {
8
- line-height: var(--sapphire-semantic-size-line-height-md);
9
- font-size: var(--sapphire-semantic-size-font-control-md);
10
- }
package/components/labeledValue/labeledValue.module.css.d.ts DELETED
@@ -1,7 +0,0 @@
1
- declare const styles: {
2
- readonly "sapphire-labeled-value": string;
3
- readonly "sapphire-field--md": string;
4
- readonly "sapphire-labeled-value--md": string;
5
- };
6
- export = styles;
7
-
package/components/paragraph/paragraph.module.css DELETED
@@ -1,32 +0,0 @@
1
- .sapphire-paragraph {
2
- font-family: var(--sapphire-semantic-font-name-default);
3
- color: var(--sapphire-semantic-color-content-default-primary);
4
- font-size: var(--sapphire-semantic-size-font-text-lg);
5
- line-height: var(--sapphire-semantic-size-line-height-md);
6
- /* not able to find specification in sketch docs for margin,
7
- will update this once specifications are established */
8
- margin-top: 0px;
9
- margin-bottom: 0px;
10
-
11
- /* The below is meant to address a font rendering quirk in OSX where the text
12
- * looks bolder than intended due to subpixel rendering. This quirk generally
13
- * occurs for bold fonts on dark backgrounds but depending on the font, it
14
- * can happen in other contexts as well.
15
- *
16
- * These do not do anything except in webkit browsers & firefox on OSX.
17
- *
18
- * For more details see:
19
- * - https://azuredevops/Main/WCCJ/_git/sapphire/pullRequest/212710?path=%2Fpackages%2Fcss%2Fcomponents%2Fbutton%2Fbutton.module.css&discussionId=1507702&_a=files
20
- * - https://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/
21
- */
22
- -webkit-font-smoothing: antialiased;
23
- -moz-osx-font-smoothing: grayscale;
24
- }
25
-
26
- .sapphire-paragraph--sm {
27
- font-size: var(--sapphire-semantic-size-font-text-md);
28
- }
29
-
30
- .sapphire-paragraph--xs {
31
- font-size: var(--sapphire-semantic-size-font-text-sm);
32
- }
package/components/paragraph/paragraph.module.css.d.ts DELETED
@@ -1,7 +0,0 @@
1
- declare const styles: {
2
- readonly "sapphire-paragraph": string;
3
- readonly "sapphire-paragraph--sm": string;
4
- readonly "sapphire-paragraph--xs": string;
5
- };
6
- export = styles;
7
-