@woosmap/ui 3.30.0 → 3.34.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 (31) hide show
  1. package/.storybook/preview.js +2 -2
  2. package/package.json +2 -2
  3. package/src/components/Dropdown/Dropdown.js +1 -1
  4. package/src/styles/style-console.styl +7 -6
  5. package/src/styles/style-website.styl +13 -9
  6. package/src/styles/website/MerchantDemo.styl +73 -54
  7. package/src/styles/website/button.styl +390 -140
  8. package/src/styles/website/card.styl +302 -0
  9. package/src/styles/website/colors.styl +279 -46
  10. package/src/styles/website/dropdown.styl +123 -0
  11. package/src/styles/website/fonts.styl +1 -1
  12. package/src/styles/website/input.styl +7 -7
  13. package/src/styles/website/mixins.styl +192 -4
  14. package/src/styles/website/popover.styl +8 -0
  15. package/src/styles/website/select.styl +47 -25
  16. package/src/styles/website/skeletondemo.styl +246 -521
  17. package/src/styles/website/tab.styl +5 -2
  18. package/src/styles/website/variables.styl +111 -28
  19. package/src/styles/next-website/MerchantDemo.styl +0 -222
  20. package/src/styles/next-website/button.styl +0 -416
  21. package/src/styles/next-website/colors.styl +0 -287
  22. package/src/styles/next-website/demo.styl +0 -264
  23. package/src/styles/next-website/dropdown.styl +0 -82
  24. package/src/styles/next-website/font.styl +0 -1
  25. package/src/styles/next-website/input.styl +0 -138
  26. package/src/styles/next-website/mixins.styl +0 -128
  27. package/src/styles/next-website/select.styl +0 -113
  28. package/src/styles/next-website/tab.styl +0 -41
  29. package/src/styles/next-website/variables.styl +0 -120
  30. package/src/styles/style-next-website.styl +0 -26
  31. package/src/styles/website/style.styl +0 -2
package/src/styles/next-website/tab.styl DELETED
@@ -1,41 +0,0 @@
1
- $tabPadding = 2rem
2
- .tab
3
- height 100%
4
- pre
5
- code
6
- margin 0 !important
7
- padding 0 !important
8
- background-color transparent !important
9
- width 100%
10
- &__header
11
- background linear-gradient(90deg, $tabHeader 77%, $tabHeader2 100%)
12
- padding 0 $tabPadding
13
- flex-shrink 0
14
- flexSpread()
15
- &__buttons
16
- flexMiddle()
17
- mbi(3)
18
- fullw()
19
- position relative
20
- li
21
- min-width 0
22
- &__content
23
- background-color $tabContent
24
- display none
25
- padding $tabPadding + .5
26
- line-height 1.2
27
- height 30.6rem
28
- max-height 30.6rem
29
- &.active
30
- display flex
31
- height 100%
32
- @media screen and (max-width 670px)
33
- .tab
34
- &__header
35
- padding 0 1.2rem
36
- &__buttons
37
- mbi(1)
38
- .btn
39
- font-size 70%
40
- &__content
41
- padding $tabPadding - .5
package/src/styles/next-website/variables.styl DELETED
@@ -1,120 +0,0 @@
1
- $fontFamily = "Poppins", arial, sans-serif
2
- $fontFamily2 = 'Roboto Mono', monospace
3
- $fontSize = 1.8rem
4
- $lineHeight = $fontSize * 2 - .8
5
- $fontSizeSmall = $fontSize - .2
6
- $fontSizeMini = $fontSize - .4
7
- $fontSizeNano = $fontSize - .6
8
- $fontWeight = 400
9
- $fontSizeHeader = 1.3rem
10
- $fontSizeFooter = 1.6rem
11
-
12
- //new version of demos
13
- $demofilterWidth = 27.4rem
14
- $fontSizeDemo = 1.3rem
15
- $demoPadding = 1.6rem
16
- $demoBr = .3rem
17
- $inputFontSizeDemo = 1.1rem
18
- $inputDemoHeight = 3rem
19
- $footerDemoHeight = 4rem
20
-
21
-
22
- $title = 4.6rem
23
- $title2 = 4rem
24
- $title3 = 3.6rem
25
- $title4 = 3rem
26
- $title5 = 2.6rem
27
- $title6 = 2rem
28
-
29
- $borderRadius = .6rem
30
-
31
-
32
- // Layout
33
- $wrapperWidth = 125rem
34
- $headerHeight = 6.7rem
35
- $headerBannerHeight = 5.2rem
36
- $sectionPadding = 18.5rem
37
- $topRainbowHeight = 3.8rem
38
- $gutter2c = 3rem
39
- $quoteIcon = 46rem
40
- $quoteIconPosition = ( - $quoteIcon / 2 - $sectionPadding - 2 )
41
-
42
- $col2 = 58rem
43
- $col3 = 31.5rem
44
- $col4 = 22rem
45
-
46
- // card articles
47
- $cardHeaderHeight = 21rem
48
- $cardFontSize = 1.6rem
49
- $cardTitle = 1.8rem
50
- $cardTitleLineHeight = 2.6rem
51
- $cardLineHeight = $cardFontSize * 2 - 1
52
- $cardPadding = 2rem
53
-
54
- // Buttons & Inputs
55
-
56
- $padding = 2rem
57
- $contentPadding = 2.8rem
58
-
59
-
60
-
61
- $sidebarButtonSize = 5rem
62
-
63
- $buttonHeight = 3.8rem
64
- $buttonPadding = 0 $padding 0 $padding
65
- $buttonFontSize = $fontSize
66
- $buttonLineHeight = $fontSize * 2
67
-
68
- $buttonHeightSmall = $buttonHeight - .6
69
- $buttonPaddingSmall = 0 $padding - .1 0 $padding - .1
70
- $buttonFontSizeSmall = $fontSize - .1
71
- $buttonLineHeightSmall = $buttonFontSizeSmall * 2
72
-
73
- $buttonHeightMini = $buttonHeight - 1
74
- $buttonPaddingMini = 0 $padding - .4 0 $padding - .4
75
- $buttonFontSizeMini = $fontSizeSmall
76
- $buttonLineHeightMini = $buttonFontSizeMini * 2
77
-
78
- $buttonHeightNano = $buttonHeight - 1.4
79
- $buttonPaddingNano = 0 $padding - .4 0 $padding - .4
80
- $buttonFontSizeNano = $fontSize - .3
81
- $buttonLineHeightNano = $buttonFontSizeNano * 2
82
-
83
- $buttonHeightLarge = $buttonHeight + 1.2
84
- $buttonPaddingLarge = 0 $padding + .6 0 $padding + .6
85
- $buttonFontSizeLarge = $fontSize - .2
86
- $buttonLineHeightLarge = $buttonFontSizeLarge * 2
87
-
88
-
89
- $inputMinWidth = 16rem
90
-
91
- $inputHeight = $buttonHeight
92
- $inputPadding = 0 $padding .2rem $padding
93
- $inputFontSize = $fontSize
94
- $inputLineHeight = $buttonLineHeight
95
-
96
- $inputHeightSmall = $buttonHeightSmall
97
- $inputPaddingSmall = 0 $padding - .1 .2rem $padding - .1
98
- $inputFontSizeSmall = $buttonFontSizeSmall
99
- $inputLineHeightSmall = $buttonLineHeightSmall
100
-
101
- $inputHeightLarge = $buttonHeightLarge
102
- $inputPaddingLarge = 0 $padding + .4 .2rem $padding + .4
103
- $inputFontSizeLarge = $buttonFontSizeLarge
104
- $inputLineHeightLarge = $buttonLineHeightLarge
105
-
106
- // tabs
107
-
108
- $tabBtnHeight = $buttonHeight
109
- $tabBtnPillHeight = $buttonHeight
110
-
111
-
112
- // panel
113
- $panelWidth = 36rem
114
- $panelpadding = 2.4rem
115
- $contentHeaderHeight = 7.8rem
116
- $panelHeaderHeight = $contentHeaderHeight
117
-
118
- // modal
119
- $modalWidth = 70rem
120
- $modalPadding = 2.4rem
package/src/styles/style-next-website.styl DELETED
@@ -1,26 +0,0 @@
1
- // Common styles - Don't change order
2
- @import "./commons/reset.styl"
3
-
4
- // Specicif style - Do not change order
5
- @import "./next-website/font.styl"
6
- @import "./next-website/variables.styl"
7
- @import "./next-website/colors.styl"
8
-
9
- @import "./commons/__all.styl"
10
- @import "./commons/flags.styl"
11
-
12
- @import "./next-website/mixins.styl"
13
-
14
- @import "./next-website/button.styl"
15
- @import "./next-website/input.styl"
16
- @import "./next-website/select.styl"
17
- @import "./next-website/tab.styl"
18
-
19
-
20
- // Style of all components
21
- @import "../components/**/*.styl"
22
-
23
- // Additional style for UI components
24
- @import "./next-website/MerchantDemo.styl"
25
- @import "./next-website/demo.styl"
26
- @import "./next-website/dropdown.styl"
package/src/styles/website/style.styl DELETED
@@ -1,2 +0,0 @@
1
- strong
2
- font-weight 600