@onereach/styles 0.1.2 → 0.1.4

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 (34) hide show
  1. package/dist/index.css +521 -72
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.min.css +1 -1
  4. package/package.json +2 -5
  5. package/src/base/_generic.scss +7 -13
  6. package/src/base/_reset.scss +15 -1
  7. package/src/base/_typography.scss +42 -0
  8. package/src/base/_v-transitions.scss +2 -2
  9. package/src/base/index.scss +1 -0
  10. package/src/components/base/_button.scss +119 -16
  11. package/src/components/base/_checkbox.scss +9 -11
  12. package/src/components/base/_collapse.scss +11 -0
  13. package/src/components/base/_error.scss +13 -0
  14. package/src/components/base/_hint.scss +13 -0
  15. package/src/components/base/_icon.scss +4 -3
  16. package/src/components/base/_label.scss +14 -0
  17. package/src/components/base/_loader.scss +79 -5
  18. package/src/components/base/_radio-group.scss +5 -4
  19. package/src/components/base/_radio.scss +12 -18
  20. package/src/components/base/_switch.scss +31 -14
  21. package/src/components/base/_textbox.scss +242 -0
  22. package/src/layout/_display.scss +29 -0
  23. package/src/layout/_flexbox.scss +79 -0
  24. package/src/layout/_spacings.scss +29 -0
  25. package/src/layout/index.scss +3 -0
  26. package/src/main.scss +4 -3
  27. package/src/utils/mixins/_absolute-center.scss +6 -0
  28. package/src/utils/mixins/_has-error.scss +5 -0
  29. package/src/utils/mixins/_transition.scss +7 -0
  30. package/src/utils/mixins/index.scss +3 -0
  31. package/src/variables/_css-vars.scss +60 -9
  32. package/src/variables/_initial.scss +39 -0
  33. package/src/variables/index.scss +3 -2
  34. package/src/variables/tokens/design-tokens.scss +8 -12
package/src/variables/_initial.scss ADDED
@@ -0,0 +1,39 @@
1
+ @use "sass:map";
2
+ @use "tokens/design-tokens" as *;
3
+
4
+ $themesList: map.get($design-tokens, themes) !default;
5
+ $spacingList: map.get($design-tokens, spacings) !default;
6
+ $fontSizeList: map.get($design-tokens, typography, font-sizes) !default;
7
+ $fontWeightList: map.get($design-tokens, typography, font-weights) !default;
8
+ $lineHeightList: map.get($design-tokens, typography, line-heights) !default;
9
+
10
+ // list of values
11
+ $spacingsValues: map.values($spacingList);
12
+ $fontSizeValues: map.values($fontSizeList);
13
+ $fontWeightValues: map.values($fontWeightList);
14
+ $lineHeightValues: map.values($lineHeightList);
15
+
16
+ // typo
17
+ $body-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif !default;
18
+ $body-font-size: var(--fs-1) !default;
19
+ $body-font-weight: var(--fw-0) !default;
20
+ $body-line-height: var(--lh-1) !default;
21
+
22
+ $caption-font-size: var(--fs-0) !default;
23
+ $caption-font-weight: var(--fw-0) !default;
24
+ $caption-line-height: var(--lh-0) !default;
25
+
26
+ $subheading-font-size: var(--fs-2) !default;
27
+ $subheading-font-weight: var(--fw-2) !default;
28
+ $subheading-line-height: var(--lh-1) !default;
29
+
30
+ $heading-font-size: var(--fs-3) !default;
31
+ $heading-font-weight: var(--fw-2) !default;
32
+ $heading-line-height: var(--lh-2) !default;
33
+
34
+ // generic
35
+ $base-prefix: quote(base) !default;
36
+ $round: 9999px !default;
37
+
38
+ $transition-function: var(--t-func) !default;
39
+ $transition-duration: var(--t-duration) !default;
package/src/variables/index.scss CHANGED
@@ -1,2 +1,3 @@
1
- @import "tokens/design-tokens";
2
- @import "css-vars";
1
+ @forward "tokens/design-tokens";
2
+ @forward "css-vars";
3
+ @forward "initial";
package/src/variables/tokens/design-tokens.scss CHANGED
@@ -39,36 +39,32 @@ $design-tokens: (
39
39
  error: #da1e28,
40
40
  warning: #f0d10d,
41
41
  success: #4ec00f,
42
- grey: #91969d,
43
- text: #1e232b,
44
- body-bg: #fff,
45
- white: #fff,
46
- black: #000,
47
42
  neutral-0: #fff,
48
43
  neutral-1: #f6f6f6,
49
44
  neutral-2: #dfdfdf,
50
45
  neutral-3: #c6c6c6,
51
46
  neutral-4: #91969d,
52
47
  neutral-5: #6c747d,
53
- neutral-6: #1e232b
48
+ neutral-6: #1e232b,
49
+ body-bg: #fff,
50
+ white: #fff,
51
+ black: #000
54
52
  ),
55
53
  dark: (
56
54
  primary: #178ae7,
57
55
  error: #da1e28,
58
56
  warning: #f0d10d,
59
57
  success: #4ec00f,
60
- grey: #91969d,
61
- c-text: #1e232b,
62
- c-body-bg: #fff,
63
- white: #fff,
64
- black: #000,
65
58
  neutral-0: #fff,
66
59
  neutral-1: #f6f6f6,
67
60
  neutral-2: #dfdfdf,
68
61
  neutral-3: #c6c6c6,
69
62
  neutral-4: #91969d,
70
63
  neutral-5: #6c747d,
71
- neutral-6: #1e232b
64
+ neutral-6: #1e232b,
65
+ c-body-bg: #fff,
66
+ white: #fff,
67
+ black: #000
72
68
  )
73
69
  )
74
70
  );