@solid-design-system/styles 1.5.5 → 2.0.0-next.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 (86) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/cdn/modules/chip.css +2 -1
  3. package/cdn/modules/container.css +2 -1
  4. package/cdn/modules/copyright.css +2 -1
  5. package/cdn/modules/display.css +2 -1
  6. package/cdn/modules/flag.css +2 -1
  7. package/cdn/modules/footnotes.css +2 -1
  8. package/cdn/modules/headline.css +2 -1
  9. package/cdn/modules/hidden-links.css +2 -1
  10. package/cdn/modules/interactive.css +2 -1
  11. package/cdn/modules/leadtext.css +2 -1
  12. package/cdn/modules/list.css +2 -1
  13. package/cdn/modules/mark.css +2 -1
  14. package/cdn/modules/media.css +2 -1
  15. package/cdn/modules/meta.css +2 -1
  16. package/cdn/modules/pagination.css +2 -1
  17. package/cdn/modules/paragraph.css +2 -1
  18. package/cdn/modules/prose.css +2 -1
  19. package/cdn/modules/status-badge.css +2 -1
  20. package/cdn/modules/table-cell.css +2 -1
  21. package/cdn/modules/table.css +2 -1
  22. package/cdn/solid-styles.css +2 -1
  23. package/cdn-versioned/modules/chip.css +2 -1
  24. package/cdn-versioned/modules/container.css +2 -1
  25. package/cdn-versioned/modules/copyright.css +2 -1
  26. package/cdn-versioned/modules/display.css +2 -1
  27. package/cdn-versioned/modules/flag.css +2 -1
  28. package/cdn-versioned/modules/footnotes.css +2 -1
  29. package/cdn-versioned/modules/headline.css +2 -1
  30. package/cdn-versioned/modules/hidden-links.css +2 -1
  31. package/cdn-versioned/modules/interactive.css +2 -1
  32. package/cdn-versioned/modules/leadtext.css +2 -1
  33. package/cdn-versioned/modules/list.css +2 -1
  34. package/cdn-versioned/modules/mark.css +2 -1
  35. package/cdn-versioned/modules/media.css +2 -1
  36. package/cdn-versioned/modules/meta.css +2 -1
  37. package/cdn-versioned/modules/pagination.css +2 -1
  38. package/cdn-versioned/modules/paragraph.css +2 -1
  39. package/cdn-versioned/modules/prose.css +2 -1
  40. package/cdn-versioned/modules/status-badge.css +2 -1
  41. package/cdn-versioned/modules/table-cell.css +2 -1
  42. package/cdn-versioned/modules/table.css +2 -1
  43. package/cdn-versioned/solid-styles.css +2 -1
  44. package/dist/modules/chip.css +20 -56
  45. package/dist/modules/container.css +56 -122
  46. package/dist/modules/copyright.css +107 -49
  47. package/dist/modules/display.css +53 -62
  48. package/dist/modules/flag.css +19 -54
  49. package/dist/modules/footnotes.css +107 -119
  50. package/dist/modules/headline.css +114 -212
  51. package/dist/modules/hidden-links.css +118 -44
  52. package/dist/modules/interactive.css +67 -107
  53. package/dist/modules/leadtext.css +36 -39
  54. package/dist/modules/list.css +71 -143
  55. package/dist/modules/mark.css +4 -13
  56. package/dist/modules/media.css +10 -29
  57. package/dist/modules/meta.css +37 -38
  58. package/dist/modules/pagination.css +247 -384
  59. package/dist/modules/paragraph.css +36 -24
  60. package/dist/modules/prose.css +510 -773
  61. package/dist/modules/status-badge.css +19 -53
  62. package/dist/modules/table-cell.css +154 -169
  63. package/dist/modules/table.css +25 -17
  64. package/dist/solid-styles.css +1159 -1668
  65. package/dist-versioned/modules/chip.css +24 -60
  66. package/dist-versioned/modules/container.css +77 -143
  67. package/dist-versioned/modules/copyright.css +113 -55
  68. package/dist-versioned/modules/display.css +55 -64
  69. package/dist-versioned/modules/flag.css +23 -58
  70. package/dist-versioned/modules/footnotes.css +135 -147
  71. package/dist-versioned/modules/headline.css +129 -227
  72. package/dist-versioned/modules/hidden-links.css +122 -48
  73. package/dist-versioned/modules/interactive.css +73 -113
  74. package/dist-versioned/modules/leadtext.css +37 -40
  75. package/dist-versioned/modules/list.css +93 -165
  76. package/dist-versioned/modules/mark.css +5 -14
  77. package/dist-versioned/modules/media.css +14 -33
  78. package/dist-versioned/modules/meta.css +43 -44
  79. package/dist-versioned/modules/pagination.css +274 -411
  80. package/dist-versioned/modules/paragraph.css +37 -25
  81. package/dist-versioned/modules/prose.css +596 -859
  82. package/dist-versioned/modules/status-badge.css +25 -59
  83. package/dist-versioned/modules/table-cell.css +170 -185
  84. package/dist-versioned/modules/table.css +26 -18
  85. package/dist-versioned/solid-styles.css +1350 -1859
  86. package/package.json +4 -5
package/dist/modules/paragraph.css CHANGED
@@ -1,28 +1,40 @@
1
- /**
2
- * A paragraph is used to display blocks of text. It uses the base font size and can contain bold and/or link styles.
3
- * @name sd-paragraph
4
- * @status stable
5
- * @since 1.7
6
- * @variant { sm } sd-paragraph--size-... The paragraph's font size.
7
- * @boolean sd-paragraph--inverted Inverts the paragraph text.
8
- */
9
- .sd-paragraph,
10
- .sd-prose p {
11
- font-size: var(--sd-font-size-base, 1rem) /* 16px */;
12
- font-weight: 400;
13
- line-height: var(--sd-line-height-normal, 150%) /* Used for body copy and smaller titles */;
14
-
15
- color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ .sd-paragraph, .sd-prose p {
5
+ font-size: var(--sd-text-base);
6
+ line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
7
+ --tw-leading: var(--leading-normal, 1.5);
8
+ line-height: var(--leading-normal, 1.5);
9
+ --tw-font-weight: var(--sd-font-weight-normal);
10
+ font-weight: var(--sd-font-weight-normal);
11
+ color: var(--sd-color-text-black);
16
12
  }
17
13
  .sd-paragraph--size-sm, .sd-prose p--size-sm {
18
- font-size: var(--sd-font-size-sm, 0.875rem) /* 14px */;
19
- font-weight: 400;
20
- line-height: var(--sd-line-height-normal, 150%) /* Used for body copy and smaller titles */;
21
-
22
- color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */
14
+ font-size: var(--sd-text-sm);
15
+ line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
16
+ --tw-leading: var(--leading-normal, 1.5);
17
+ line-height: var(--leading-normal, 1.5);
18
+ --tw-font-weight: var(--sd-font-weight-normal);
19
+ font-weight: var(--sd-font-weight-normal);
20
+ color: var(--sd-color-text-black);
21
+ }
22
+ .sd-paragraph--inverted, .sd-prose--inverted p {
23
+ color: var(--sd-color-text-white);
23
24
  }
24
- .sd-paragraph--inverted,
25
- .sd-prose--inverted p {
26
-
27
- color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-text-opacity, 1)) /* Inverted text color */
25
+ @property --tw-leading {
26
+ syntax: "*";
27
+ inherits: false;
28
+ }
29
+ @property --tw-font-weight {
30
+ syntax: "*";
31
+ inherits: false;
32
+ }
33
+ @layer properties {
34
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
35
+ *, ::before, ::after, ::backdrop {
36
+ --tw-leading: initial;
37
+ --tw-font-weight: initial;
38
+ }
39
+ }
28
40
  }