@solid-design-system/styles 1.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 (80) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/LICENSE.md +10 -0
  3. package/README.md +8 -0
  4. package/cdn/modules/chip.css +1 -0
  5. package/cdn/modules/container.css +1 -0
  6. package/cdn/modules/copyright.css +1 -0
  7. package/cdn/modules/display.css +1 -0
  8. package/cdn/modules/flag.css +1 -0
  9. package/cdn/modules/footnotes.css +1 -0
  10. package/cdn/modules/headline.css +1 -0
  11. package/cdn/modules/hidden-links.css +1 -0
  12. package/cdn/modules/interactive.css +1 -0
  13. package/cdn/modules/leadtext.css +1 -0
  14. package/cdn/modules/list.css +1 -0
  15. package/cdn/modules/mark.css +1 -0
  16. package/cdn/modules/media.css +1 -0
  17. package/cdn/modules/meta.css +1 -0
  18. package/cdn/modules/paragraph.css +1 -0
  19. package/cdn/modules/prose.css +1 -0
  20. package/cdn/modules/table-cell.css +1 -0
  21. package/cdn/modules/table.css +1 -0
  22. package/cdn/solid-styles.css +1 -0
  23. package/cdn-versioned/modules/chip.css +1 -0
  24. package/cdn-versioned/modules/container.css +1 -0
  25. package/cdn-versioned/modules/copyright.css +1 -0
  26. package/cdn-versioned/modules/display.css +1 -0
  27. package/cdn-versioned/modules/flag.css +1 -0
  28. package/cdn-versioned/modules/footnotes.css +1 -0
  29. package/cdn-versioned/modules/headline.css +1 -0
  30. package/cdn-versioned/modules/hidden-links.css +1 -0
  31. package/cdn-versioned/modules/interactive.css +1 -0
  32. package/cdn-versioned/modules/leadtext.css +1 -0
  33. package/cdn-versioned/modules/list.css +1 -0
  34. package/cdn-versioned/modules/mark.css +1 -0
  35. package/cdn-versioned/modules/media.css +1 -0
  36. package/cdn-versioned/modules/meta.css +1 -0
  37. package/cdn-versioned/modules/paragraph.css +1 -0
  38. package/cdn-versioned/modules/prose.css +1 -0
  39. package/cdn-versioned/modules/table-cell.css +1 -0
  40. package/cdn-versioned/modules/table.css +1 -0
  41. package/cdn-versioned/solid-styles.css +1 -0
  42. package/dist/modules/chip.css +61 -0
  43. package/dist/modules/container.css +184 -0
  44. package/dist/modules/copyright.css +63 -0
  45. package/dist/modules/display.css +70 -0
  46. package/dist/modules/flag.css +59 -0
  47. package/dist/modules/footnotes.css +42 -0
  48. package/dist/modules/headline.css +237 -0
  49. package/dist/modules/hidden-links.css +57 -0
  50. package/dist/modules/interactive.css +105 -0
  51. package/dist/modules/leadtext.css +43 -0
  52. package/dist/modules/list.css +152 -0
  53. package/dist/modules/mark.css +15 -0
  54. package/dist/modules/media.css +33 -0
  55. package/dist/modules/meta.css +49 -0
  56. package/dist/modules/paragraph.css +28 -0
  57. package/dist/modules/prose.css +852 -0
  58. package/dist/modules/table-cell.css +186 -0
  59. package/dist/modules/table.css +24 -0
  60. package/dist/solid-styles.css +1348 -0
  61. package/dist-versioned/modules/chip.css +61 -0
  62. package/dist-versioned/modules/container.css +184 -0
  63. package/dist-versioned/modules/copyright.css +63 -0
  64. package/dist-versioned/modules/display.css +70 -0
  65. package/dist-versioned/modules/flag.css +59 -0
  66. package/dist-versioned/modules/footnotes.css +42 -0
  67. package/dist-versioned/modules/headline.css +237 -0
  68. package/dist-versioned/modules/hidden-links.css +57 -0
  69. package/dist-versioned/modules/interactive.css +105 -0
  70. package/dist-versioned/modules/leadtext.css +43 -0
  71. package/dist-versioned/modules/list.css +152 -0
  72. package/dist-versioned/modules/mark.css +15 -0
  73. package/dist-versioned/modules/media.css +33 -0
  74. package/dist-versioned/modules/meta.css +49 -0
  75. package/dist-versioned/modules/paragraph.css +28 -0
  76. package/dist-versioned/modules/prose.css +852 -0
  77. package/dist-versioned/modules/table-cell.css +186 -0
  78. package/dist-versioned/modules/table.css +24 -0
  79. package/dist-versioned/solid-styles.css +1348 -0
  80. package/package.json +68 -0
package/dist-versioned/modules/meta.css ADDED
@@ -0,0 +1,49 @@
1
+ /**
2
+ * Meta information like file size, date, or whatever is needed.
3
+ * @name sd-1-0-0-next-1-meta
4
+ * @status stable
5
+ * @since 1.7
6
+ * @variant { sm } sd-1-0-0-next-1-meta--size-... The size. Small can be used as an alternative in tight spaces.
7
+ * @boolean sd-1-0-0-next-1-meta--inverted Inverts the meta element.
8
+ * @boolean sd-1-0-0-next-1-meta--pipe Adds a pipe right from the meta element.
9
+ * @boolean sd-1-0-0-next-1-meta--light Makes sd-1-0-0-next-1-meta light.
10
+ */
11
+
12
+ .sd-1-0-0-next-1-meta {
13
+ font-size: var(--sd-font-size-base, 1rem) /* 16px */;
14
+ font-weight: 400;
15
+ line-height: var(--sd-line-height-none, 100%) /* Used for buttons, input fields etc. */;
16
+
17
+ color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */;
18
+ }
19
+
20
+ .sd-1-0-0-next-1-meta--size-sm {
21
+ font-size: var(--sd-font-size-sm, 0.875rem) /* 14px */;
22
+ }
23
+
24
+ .sd-1-0-0-next-1-meta--light {
25
+
26
+ color: rgb(var(--sd-color-neutral-700, 104 104 104) / var(--tw-text-opacity, 1)) /* Additional text color */;
27
+ }
28
+
29
+ .sd-1-0-0-next-1-meta--inverted {
30
+
31
+ color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-text-opacity, 1)) /* Inverted text color */;
32
+ }
33
+
34
+ .sd-1-0-0-next-1-meta--inverted.sd-1-0-0-next-1-meta--light {
35
+
36
+ color: rgb(var(--sd-color-primary-400, 153 171 208) / var(--tw-text-opacity, 1)) /* Additional text inverted color
37
+ Used for inverted pressed interaction text link */;
38
+ }
39
+
40
+ .sd-1-0-0-next-1-meta--pipe::after {
41
+ content: '|';
42
+ margin-left: var(--sd-spacing-1, 0.25rem) /* 4px */;
43
+ margin-right: var(--sd-spacing-1, 0.25rem) /* 4px */;
44
+ }
45
+
46
+ .sd-1-0-0-next-1-meta--pipe.sd-1-0-0-next-1-meta--size-sm::after {
47
+ margin-left: var(--sd-spacing-0-5, 0.125rem) /* 2px */;
48
+ margin-right: var(--sd-spacing-0-5, 0.125rem) /* 2px */;
49
+ }
package/dist-versioned/modules/paragraph.css ADDED
@@ -0,0 +1,28 @@
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-1-0-0-next-1-paragraph
4
+ * @status stable
5
+ * @since 1.7
6
+ * @variant { sm } sd-1-0-0-next-1-paragraph--size-... The paragraph's font size.
7
+ * @boolean sd-1-0-0-next-1-paragraph--inverted Inverts the paragraph text.
8
+ */
9
+ .sd-1-0-0-next-1-paragraph,
10
+ .sd-1-0-0-next-1-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 */
16
+ }
17
+ .sd-1-0-0-next-1-paragraph--size-sm, .sd-1-0-0-next-1-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 */
23
+ }
24
+ .sd-1-0-0-next-1-paragraph--inverted,
25
+ .sd-1-0-0-next-1-prose--inverted p {
26
+
27
+ color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-text-opacity, 1)) /* Inverted text color */
28
+ }