@microsoft/atlas-css 3.43.0 → 3.44.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.
Files changed (110) hide show
  1. package/README.md +42 -42
  2. package/dist/class-names.json +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/package.json +91 -91
  6. package/src/atomics/README.md +56 -56
  7. package/src/atomics/aspect-ratio.scss +13 -13
  8. package/src/atomics/background.scss +11 -11
  9. package/src/atomics/border.scss +113 -113
  10. package/src/atomics/colors.scss +204 -204
  11. package/src/atomics/display.scss +33 -33
  12. package/src/atomics/flex.scss +74 -71
  13. package/src/atomics/gap.scss +60 -60
  14. package/src/atomics/image.scss +15 -15
  15. package/src/atomics/index.scss +18 -18
  16. package/src/atomics/line-clamp.scss +15 -15
  17. package/src/atomics/list.scss +8 -3
  18. package/src/atomics/overflow.scss +9 -9
  19. package/src/atomics/position.scss +19 -19
  20. package/src/atomics/shadow.scss +19 -19
  21. package/src/atomics/spacing-auto.scss +52 -52
  22. package/src/atomics/spacing.scss +98 -98
  23. package/src/atomics/typography.scss +203 -203
  24. package/src/atomics/visually-hidden.scss +4 -4
  25. package/src/atomics/width.scss +44 -44
  26. package/src/components/README.md +69 -69
  27. package/src/components/banner.scss +69 -69
  28. package/src/components/breadcrumbs.scss +37 -37
  29. package/src/components/button-reset.scss +8 -8
  30. package/src/components/button.scss +241 -241
  31. package/src/components/buttons.scss +93 -93
  32. package/src/components/card.scss +252 -252
  33. package/src/components/form/checkbox.scss +141 -141
  34. package/src/components/form/form.scss +67 -67
  35. package/src/components/form/help.scss +18 -18
  36. package/src/components/form/index.scss +8 -8
  37. package/src/components/form/input.scss +143 -143
  38. package/src/components/form/label.scss +14 -14
  39. package/src/components/form/radio.scss +121 -121
  40. package/src/components/form/select.scss +116 -116
  41. package/src/components/form/textarea.scss +82 -82
  42. package/src/components/gradient-card.scss +14 -14
  43. package/src/components/gradient.scss +85 -85
  44. package/src/components/hero.scss +197 -197
  45. package/src/components/icon.scss +20 -20
  46. package/src/components/image.scss +44 -44
  47. package/src/components/index.scss +27 -27
  48. package/src/components/layout.scss +189 -189
  49. package/src/components/link-button.scss +34 -34
  50. package/src/components/markdown.scss +158 -158
  51. package/src/components/media.scss +22 -22
  52. package/src/components/message.scss +74 -74
  53. package/src/components/notification.scss +101 -101
  54. package/src/components/pagination.scss +183 -183
  55. package/src/components/persona.scss +60 -60
  56. package/src/components/popover.scss +42 -42
  57. package/src/components/scroll.scss +26 -26
  58. package/src/components/segmented-control.scss +128 -128
  59. package/src/components/site-header.scss +255 -255
  60. package/src/components/stretched-link.scss +8 -8
  61. package/src/components/table.scss +114 -114
  62. package/src/components/toggle.scss +86 -86
  63. package/src/core/animations.scss +55 -55
  64. package/src/core/bare-elements.scss +38 -38
  65. package/src/core/focus.scss +45 -45
  66. package/src/core/font-stack.scss +28 -28
  67. package/src/core/index.scss +7 -7
  68. package/src/core/minireset.scss +79 -79
  69. package/src/core/normalize.scss +353 -353
  70. package/src/core/themes.scss +91 -91
  71. package/src/index.scss +5 -5
  72. package/src/mixins/center.scss +11 -11
  73. package/src/mixins/code-block.scss +43 -43
  74. package/src/mixins/colors.scss +6 -6
  75. package/src/mixins/control.scss +43 -43
  76. package/src/mixins/dismiss.scss +22 -22
  77. package/src/mixins/focus.scss +23 -23
  78. package/src/mixins/font-size.scss +35 -35
  79. package/src/mixins/force-colors.scss +5 -5
  80. package/src/mixins/gradient.scss +11 -11
  81. package/src/mixins/index.scss +17 -17
  82. package/src/mixins/layout-gap.scss +7 -7
  83. package/src/mixins/line-clamp.scss +15 -15
  84. package/src/mixins/loader.scss +16 -16
  85. package/src/mixins/media-queries.scss +61 -61
  86. package/src/mixins/overlay.scss +12 -12
  87. package/src/mixins/transparency.scss +15 -15
  88. package/src/mixins/unselectable.scss +13 -13
  89. package/src/mixins/visually-hidden.scss +12 -12
  90. package/src/tokens/animation.scss +8 -8
  91. package/src/tokens/border.scss +12 -12
  92. package/src/tokens/breakpoints.scss +11 -11
  93. package/src/tokens/colors.scss +239 -239
  94. package/src/tokens/direction.scss +25 -25
  95. package/src/tokens/display.scss +5 -5
  96. package/src/tokens/focus.scss +9 -9
  97. package/src/tokens/font-stack.scss +10 -10
  98. package/src/tokens/index.scss +17 -17
  99. package/src/tokens/layout.scss +17 -17
  100. package/src/tokens/palette.scss +200 -200
  101. package/src/tokens/position.scss +5 -5
  102. package/src/tokens/schemes.scss +14 -14
  103. package/src/tokens/shadow.scss +11 -11
  104. package/src/tokens/spacing.scss +25 -25
  105. package/src/tokens/themes.scss +318 -318
  106. package/src/tokens/typography.scss +33 -33
  107. package/src/tokens/z-index.scss +20 -20
  108. package/tokens/README.md +34 -34
  109. package/tokens/index.js +246 -246
  110. package/tokens/types.d.ts +35 -35
package/src/core/font-stack.scss CHANGED
@@ -1,28 +1,28 @@
1
- html {
2
- font-size: $document-font-size;
3
- }
4
-
5
- html,
6
- body {
7
- font-family: $normal-font-stack;
8
- -webkit-font-smoothing: antialiased;
9
- font-weight: $weight-normal;
10
- text-rendering: optimizeLegibility;
11
- }
12
-
13
- kbd,
14
- pre,
15
- samp {
16
- font-family: $monospace-font-stack !important;
17
- -moz-osx-font-smoothing: auto;
18
- -webkit-font-smoothing: auto;
19
- }
20
-
21
- code {
22
- direction: ltr;
23
- font-family: $monospace-font-stack;
24
- }
25
-
26
- a > code {
27
- font-family: $normal-font-stack;
28
- }
1
+ html {
2
+ font-size: $document-font-size;
3
+ }
4
+
5
+ html,
6
+ body {
7
+ font-family: $normal-font-stack;
8
+ -webkit-font-smoothing: antialiased;
9
+ font-weight: $weight-normal;
10
+ text-rendering: optimizeLegibility;
11
+ }
12
+
13
+ kbd,
14
+ pre,
15
+ samp {
16
+ font-family: $monospace-font-stack !important;
17
+ -moz-osx-font-smoothing: auto;
18
+ -webkit-font-smoothing: auto;
19
+ }
20
+
21
+ code {
22
+ direction: ltr;
23
+ font-family: $monospace-font-stack;
24
+ }
25
+
26
+ a > code {
27
+ font-family: $normal-font-stack;
28
+ }
package/src/core/index.scss CHANGED
@@ -1,7 +1,7 @@
1
- @import './normalize.scss';
2
- @import './minireset.scss';
3
- @import './themes.scss';
4
- @import './font-stack.scss';
5
- @import './animations.scss';
6
- @import './focus.scss';
7
- @import './bare-elements.scss';
1
+ @import './normalize.scss';
2
+ @import './minireset.scss';
3
+ @import './themes.scss';
4
+ @import './font-stack.scss';
5
+ @import './animations.scss';
6
+ @import './focus.scss';
7
+ @import './bare-elements.scss';
package/src/core/minireset.scss CHANGED
@@ -1,79 +1,79 @@
1
- /* stylelint-disable */
2
- /*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */
3
- html,
4
- body,
5
- p,
6
- ol,
7
- ul,
8
- li,
9
- dl,
10
- dt,
11
- dd,
12
- blockquote,
13
- figure,
14
- fieldset,
15
- legend,
16
- textarea,
17
- pre,
18
- iframe,
19
- hr,
20
- h1,
21
- h2,
22
- h3,
23
- h4,
24
- h5,
25
- h6 {
26
- margin: 0;
27
- padding: 0;
28
- }
29
-
30
- h1,
31
- h2,
32
- h3,
33
- h4,
34
- h5,
35
- h6 {
36
- font-size: 100%;
37
- font-weight: normal;
38
- }
39
-
40
- ul {
41
- list-style: none;
42
- }
43
-
44
- button,
45
- input,
46
- select {
47
- margin: 0;
48
- }
49
-
50
- html {
51
- box-sizing: border-box;
52
- }
53
-
54
- *,
55
- *::before,
56
- *::after {
57
- box-sizing: inherit;
58
- }
59
-
60
- img,
61
- video {
62
- height: auto;
63
- max-width: 100%;
64
- }
65
-
66
- iframe {
67
- border: 0;
68
- }
69
-
70
- table {
71
- border-collapse: collapse;
72
- border-spacing: 0;
73
- }
74
-
75
- td,
76
- th {
77
- padding: 0;
78
- }
79
- /* stylelint-enable */
1
+ /* stylelint-disable */
2
+ /*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */
3
+ html,
4
+ body,
5
+ p,
6
+ ol,
7
+ ul,
8
+ li,
9
+ dl,
10
+ dt,
11
+ dd,
12
+ blockquote,
13
+ figure,
14
+ fieldset,
15
+ legend,
16
+ textarea,
17
+ pre,
18
+ iframe,
19
+ hr,
20
+ h1,
21
+ h2,
22
+ h3,
23
+ h4,
24
+ h5,
25
+ h6 {
26
+ margin: 0;
27
+ padding: 0;
28
+ }
29
+
30
+ h1,
31
+ h2,
32
+ h3,
33
+ h4,
34
+ h5,
35
+ h6 {
36
+ font-size: 100%;
37
+ font-weight: normal;
38
+ }
39
+
40
+ ul {
41
+ list-style: none;
42
+ }
43
+
44
+ button,
45
+ input,
46
+ select {
47
+ margin: 0;
48
+ }
49
+
50
+ html {
51
+ box-sizing: border-box;
52
+ }
53
+
54
+ *,
55
+ *::before,
56
+ *::after {
57
+ box-sizing: inherit;
58
+ }
59
+
60
+ img,
61
+ video {
62
+ height: auto;
63
+ max-width: 100%;
64
+ }
65
+
66
+ iframe {
67
+ border: 0;
68
+ }
69
+
70
+ table {
71
+ border-collapse: collapse;
72
+ border-spacing: 0;
73
+ }
74
+
75
+ td,
76
+ th {
77
+ padding: 0;
78
+ }
79
+ /* stylelint-enable */