@woosmap/ui 3.32.0 → 3.36.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 (37) hide show
  1. package/.storybook/preview.js +2 -2
  2. package/package.json +2 -2
  3. package/src/{styles/next-website → components/Demo}/MerchantDemo.styl +0 -0
  4. package/src/{styles/next-website/demo.styl → components/Demo/skeletondemo.styl} +12 -35
  5. package/src/styles/console/button.styl +5 -13
  6. package/src/styles/console/colors.styl +44 -43
  7. package/src/styles/console/fonts.styl +1 -1
  8. package/src/styles/console/mixins.styl +3 -0
  9. package/src/styles/console/tab.styl +51 -1
  10. package/src/styles/console/variables.styl +12 -0
  11. package/src/styles/style-console.styl +7 -10
  12. package/src/styles/style-website.styl +8 -9
  13. package/src/styles/website/button.styl +416 -128
  14. package/src/styles/website/card.styl +302 -0
  15. package/src/styles/website/colors.styl +279 -46
  16. package/src/styles/website/dropdown.styl +123 -0
  17. package/src/styles/website/fonts.styl +1 -1
  18. package/src/styles/website/input.styl +7 -7
  19. package/src/styles/website/mixins.styl +192 -4
  20. package/src/styles/website/popover.styl +8 -0
  21. package/src/styles/website/select.styl +47 -25
  22. package/src/styles/website/tab.styl +5 -4
  23. package/src/styles/website/variables.styl +111 -28
  24. package/src/styles/console/skeletondemo.styl +0 -588
  25. package/src/styles/next-website/button.styl +0 -416
  26. package/src/styles/next-website/colors.styl +0 -287
  27. package/src/styles/next-website/dropdown.styl +0 -82
  28. package/src/styles/next-website/font.styl +0 -1
  29. package/src/styles/next-website/input.styl +0 -138
  30. package/src/styles/next-website/mixins.styl +0 -128
  31. package/src/styles/next-website/select.styl +0 -113
  32. package/src/styles/next-website/tab.styl +0 -41
  33. package/src/styles/next-website/variables.styl +0 -120
  34. package/src/styles/style-next-website.styl +0 -26
  35. package/src/styles/website/MerchantDemo.styl +0 -203
  36. package/src/styles/website/skeletondemo.styl +0 -540
  37. package/src/styles/website/style.styl +0 -2
package/src/styles/website/variables.styl CHANGED
@@ -1,51 +1,134 @@
1
- // Default font
2
- $fontFamily = 'Open Sans', arial, sans-serif
3
- $fontSize = 1.7rem
1
+ // Layout
2
+ $wrapperWidth = 125rem
3
+ $wrapperReducedWidth = 96rem
4
+ $headerHeight = 6.7rem
5
+ $headerBannerHeight = 5.2rem
6
+ $sectionPadding = 18.5rem
7
+ $topRainbowHeight = 3.8rem
8
+ $gutter2c = 3rem
9
+ $quoteIcon = 44rem
10
+
11
+
12
+ $fontFamily = "Poppins", arial, sans-serif
13
+ $fontFamily2 = 'Roboto Mono', monospace
14
+ $fontSize = 1.8rem
15
+ $lineHeight = $fontSize * 2 - .8
16
+ $fontSizeSmall = $fontSize - .2
17
+ $fontSizeMini = $fontSize - .4
18
+ $fontSizeNano = $fontSize - .6
4
19
  $fontWeight = 400
20
+ $fontSizeHeader = 1.3rem
21
+ $fontSizeFooter = 1.6rem
22
+
23
+
24
+ $title = 4.6rem
25
+ $title2 = 4rem
26
+ $title3 = 3.6rem
27
+ $title4 = 3rem
28
+ $title5 = 2.6rem
29
+ $title6 = 2rem
30
+
31
+ $borderRadius = .6rem
32
+
33
+ //new version of demos
34
+ $demofilterWidth = 27.4rem
35
+ $fontSizeDemo = 1.3rem
36
+ $demoPadding = 1.6rem
37
+ $demoBr = .3rem
38
+ $inputFontSizeDemo = 1.1rem
39
+ $inputDemoHeight = 3rem
40
+ $footerDemoHeight = 4rem
41
+
42
+
43
+
44
+ $col2 = 58rem
45
+ $col3 = 31.5rem
46
+ $col4 = 22rem
47
+
48
+ // card articles
49
+ $cardHeaderHeight = 21rem
50
+ $cardFontSize = 1.6rem
51
+ $cardTitle = 1.8rem
52
+ $cardTitleLineHeight = 2.6rem
53
+ $cardLineHeight = $cardFontSize * 2 - 1
54
+ $cardPadding = 2rem
55
+
56
+ // card pricing
57
+ $pricingCardWidth = 30.2rem
58
+ $pricingCardpadding = 3.4rem
59
+ $pricingCardHeaderHeight = 6.2rem
60
+ $pricingCardCtaHeight = 5.2rem
61
+ $pricingCardTitleSize = $title6
62
+ $pricingCardAmountSize = $title2 * 2
63
+ $pricingCardUnitSize = $title6
64
+ $pricingCardPeriodSize = $fontSizeSmall
65
+ $pricingCardPriceSize = $title2
66
+ $pricingCardPriceUnitSize = $fontSizeSmall
5
67
 
6
- // Title size
7
- $title = 4.8rem
8
- $title2 = 3.4rem
9
- $title3 = 1.8rem
10
-
11
- $padding = 1.4rem
12
68
  // Buttons & Inputs
13
69
 
14
- $buttonPadding = $padding
70
+ $padding = 2rem
71
+ $contentPadding = 2.8rem
72
+
73
+
15
74
 
16
- $buttonHeight = 4.4rem
75
+ $sidebarButtonSize = 5rem
76
+
77
+ $buttonHeight = 3.8rem
78
+ $buttonPadding = 0 $padding 0 $padding
17
79
  $buttonFontSize = $fontSize
80
+ $buttonLineHeight = $fontSize * 2
18
81
 
19
- $buttonHeightSmall = $buttonHeight - .8
20
- $buttonFontSizeSmall = 1.4rem
82
+ $buttonHeightSmall = $buttonHeight - .6
83
+ $buttonPaddingSmall = 0 $padding - .1 0 $padding - .1
84
+ $buttonFontSizeSmall = $fontSize - .1
85
+ $buttonLineHeightSmall = $buttonFontSizeSmall * 2
21
86
 
22
87
  $buttonHeightMini = $buttonHeight - 1
23
- $buttonFontSizeMini = 1.2rem
88
+ $buttonPaddingMini = 0 $padding - .4 0 $padding - .4
89
+ $buttonFontSizeMini = $fontSizeSmall
90
+ $buttonLineHeightMini = $buttonFontSizeMini * 2
24
91
 
25
- $buttonHeightNano = $buttonHeight - 1.2
26
- $buttonFontSizeNano = 1.1rem
92
+ $buttonHeightNano = $buttonHeight - 1.4
93
+ $buttonPaddingNano = 0 $padding - .4 0 $padding - .4
94
+ $buttonFontSizeNano = $fontSize - .3
95
+ $buttonLineHeightNano = $buttonFontSizeNano * 2
27
96
 
28
- $buttonHeightLarge = $formItemsHeight + 0.8
29
- $buttonFontSizeLarge = 2rem
97
+ $buttonHeightLarge = $buttonHeight + 1.2
98
+ $buttonPaddingLarge = 0 $padding + .6 0 $padding + .6
99
+ $buttonFontSizeLarge = $fontSize - .2
100
+ $buttonLineHeightLarge = $buttonFontSizeLarge * 2
30
101
 
31
102
 
103
+ $inputMinWidth = 16rem
32
104
 
33
105
  $inputHeight = $buttonHeight
34
- $inputFontSize = $buttonFontSize
106
+ $inputPadding = 0 1rem .2rem 1rem
107
+ $inputFontSize = $fontSize
108
+ $inputLineHeight = $buttonLineHeight
35
109
 
36
110
  $inputHeightSmall = $buttonHeightSmall
111
+ $inputPaddingSmall = 0 $padding - .1 .2rem $padding - .1
37
112
  $inputFontSizeSmall = $buttonFontSizeSmall
38
-
39
- $inputHeightMini = $buttonHeightMini
40
- $inputFontSizeMini = $buttonFontSizeMini
41
-
42
- $inputHeightNano = $buttonHeightNano
43
- $inputFontSizeNano = $buttonFontSizeNano
113
+ $inputLineHeightSmall = $buttonLineHeightSmall
44
114
 
45
115
  $inputHeightLarge = $buttonHeightLarge
116
+ $inputPaddingLarge = 0 $padding + .4 .2rem $padding + .4
46
117
  $inputFontSizeLarge = $buttonFontSizeLarge
118
+ $inputLineHeightLarge = $buttonLineHeightLarge
119
+
120
+ // tabs
121
+
122
+ $tabBtnHeight = $buttonHeight
123
+ $tabBtnPillHeight = $buttonHeight
124
+
47
125
 
48
- $inputPadding = $padding
49
- $inputMinWidth = 22rem
126
+ // panel
127
+ $panelWidth = 36rem
128
+ $panelpadding = 2.4rem
129
+ $contentHeaderHeight = 7.8rem
130
+ $panelHeaderHeight = $contentHeaderHeight
50
131
 
51
- $tabBtnHeight = $buttonHeight
132
+ // modal
133
+ $modalWidth = 70rem
134
+ $modalPadding = 2.4rem