@micromag/screen-ranking 0.4.4 → 0.4.6

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.
@@ -1 +1 @@
1
- .container{position:relative}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container .empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:50px;margin:5px 10px 5px auto}.container .emptyTitle{height:100px;min-width:100%;width:100%}.container .item{padding:10px 0;position:relative}.container .item:first-child{padding-top:0}.container .rankText{font-size:48px}.container .description,.container .itemTitle{padding:8px 0}.container .callToAction{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.container .callToAction a{padding:0}.container .callToAction.disabled{opacity:0;pointer-events:none}.container.sideLayout .elementsContainer{display:table;width:100%}.container.sideLayout .item{display:table-row;padding:0}.container.sideLayout .label,.container.sideLayout .rank{display:table-cell;padding:10px 0;vertical-align:top}.container.sideLayout .rank{padding-right:20px}.container.isPlaceholder .rank{color:hsla(0,0%,100%,.6);font-size:16px;mix-blend-mode:difference;text-align:left}.container.isPlaceholder .scroll{padding:5px}.container.isPlaceholder .description,.container.isPlaceholder .itemTitle{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0}.container.isPlaceholder .item{padding:1px 0}.container.isPlaceholder.sideLayout .rank{padding-right:4px;padding-top:8px;width:24px}.container.isPlaceholder.sideLayout .label{padding:5px 0}
1
+ .micromag-screen-ranking-container{position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-ranking-container .micromag-screen-ranking-content{z-index:1}.micromag-screen-ranking-container .micromag-screen-ranking-empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:50px;margin:5px 10px 5px auto}.micromag-screen-ranking-container .micromag-screen-ranking-emptyTitle{height:100px;min-width:100%;width:100%}.micromag-screen-ranking-container .micromag-screen-ranking-item{padding:10px 0;position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-item:first-child{padding-top:0}.micromag-screen-ranking-container .micromag-screen-ranking-rankText{font-size:48px}.micromag-screen-ranking-container .micromag-screen-ranking-description,.micromag-screen-ranking-container .micromag-screen-ranking-itemTitle{padding:8px 0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction a{padding:0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction.micromag-screen-ranking-disabled{opacity:0;pointer-events:none}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-elementsContainer{display:table;width:100%}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-item{display:table-row;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-label,.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{display:table-cell;padding:10px 0;vertical-align:top}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:20px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-rank{color:hsla(0,0%,100%,.6);font-size:16px;mix-blend-mode:difference;text-align:left}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-scroll{padding:5px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-description,.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-itemTitle{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-item{padding:1px 0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:4px;padding-top:8px;width:24px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-label{padding:5px 0}
package/es/index.js CHANGED
@@ -18,7 +18,7 @@ import Layout from '@micromag/element-layout';
18
18
  import Scroll from '@micromag/element-scroll';
19
19
  import Text from '@micromag/element-text';
20
20
 
21
- var styles = {"container":"container","background":"background","content":"content","empty":"empty","emptyTitle":"emptyTitle","item":"item","rankText":"rankText","itemTitle":"itemTitle","description":"description","callToAction":"callToAction","disabled":"disabled","sideLayout":"sideLayout","elementsContainer":"elementsContainer","rank":"rank","label":"label","isPlaceholder":"isPlaceholder","scroll":"scroll"};
21
+ var styles = {"container":"micromag-screen-ranking-container","background":"micromag-screen-ranking-background","content":"micromag-screen-ranking-content","empty":"micromag-screen-ranking-empty","emptyTitle":"micromag-screen-ranking-emptyTitle","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","itemTitle":"micromag-screen-ranking-itemTitle","description":"micromag-screen-ranking-description","callToAction":"micromag-screen-ranking-callToAction","disabled":"micromag-screen-ranking-disabled","sideLayout":"micromag-screen-ranking-sideLayout","elementsContainer":"micromag-screen-ranking-elementsContainer","rank":"micromag-screen-ranking-rank","label":"micromag-screen-ranking-label","isPlaceholder":"micromag-screen-ranking-isPlaceholder","scroll":"micromag-screen-ranking-scroll"};
22
22
 
23
23
  function RankingScreen(_ref) {
24
24
  var _ref$layout = _ref.layout,
package/es/styles.css CHANGED
@@ -1 +1 @@
1
- .container{position:relative}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container .empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:50px;margin:5px 10px 5px auto}.container .emptyTitle{height:100px;min-width:100%;width:100%}.container .item{padding:10px 0;position:relative}.container .item:first-child{padding-top:0}.container .rankText{font-size:48px}.container .description,.container .itemTitle{padding:8px 0}.container .callToAction{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.container .callToAction a{padding:0}.container .callToAction.disabled{opacity:0;pointer-events:none}.container.sideLayout .elementsContainer{display:table;width:100%}.container.sideLayout .item{display:table-row;padding:0}.container.sideLayout .label,.container.sideLayout .rank{display:table-cell;padding:10px 0;vertical-align:top}.container.sideLayout .rank{padding-right:20px}.container.isPlaceholder .rank{color:hsla(0,0%,100%,.6);font-size:16px;mix-blend-mode:difference;text-align:left}.container.isPlaceholder .scroll{padding:5px}.container.isPlaceholder .description,.container.isPlaceholder .itemTitle{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0}.container.isPlaceholder .item{padding:1px 0}.container.isPlaceholder.sideLayout .rank{padding-right:4px;padding-top:8px;width:24px}.container.isPlaceholder.sideLayout .label{padding:5px 0}
1
+ .micromag-screen-ranking-container{position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.micromag-screen-ranking-container .micromag-screen-ranking-content{z-index:1}.micromag-screen-ranking-container .micromag-screen-ranking-empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:50px;margin:5px 10px 5px auto}.micromag-screen-ranking-container .micromag-screen-ranking-emptyTitle{height:100px;min-width:100%;width:100%}.micromag-screen-ranking-container .micromag-screen-ranking-item{padding:10px 0;position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-item:first-child{padding-top:0}.micromag-screen-ranking-container .micromag-screen-ranking-rankText{font-size:48px}.micromag-screen-ranking-container .micromag-screen-ranking-description,.micromag-screen-ranking-container .micromag-screen-ranking-itemTitle{padding:8px 0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction a{padding:0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction.micromag-screen-ranking-disabled{opacity:0;pointer-events:none}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-elementsContainer{display:table;width:100%}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-item{display:table-row;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-label,.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{display:table-cell;padding:10px 0;vertical-align:top}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:20px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-rank{color:hsla(0,0%,100%,.6);font-size:16px;mix-blend-mode:difference;text-align:left}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-scroll{padding:5px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-description,.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-itemTitle{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-item{padding:1px 0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:4px;padding-top:8px;width:24px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-label{padding:5px 0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-ranking",
3
- "version": "0.4.4",
3
+ "version": "0.4.6",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -60,18 +60,18 @@
60
60
  "react-dom": "^18.3.0 || ^19.0.0"
61
61
  },
62
62
  "dependencies": {
63
- "@babel/runtime": "^7.13.10",
64
- "@micromag/core": "^0.4.4",
65
- "@micromag/data": "^0.4.4",
66
- "@micromag/element-background": "^0.4.4",
67
- "@micromag/element-container": "^0.4.4",
68
- "@micromag/element-footer": "^0.4.4",
69
- "@micromag/element-header": "^0.4.4",
70
- "@micromag/element-heading": "^0.4.4",
71
- "@micromag/element-layout": "^0.4.4",
72
- "@micromag/element-scroll": "^0.4.4",
73
- "@micromag/element-text": "^0.4.4",
74
- "@micromag/transforms": "^0.4.4",
63
+ "@babel/runtime": "^7.28.6",
64
+ "@micromag/core": "^0.4.6",
65
+ "@micromag/data": "^0.4.6",
66
+ "@micromag/element-background": "^0.4.6",
67
+ "@micromag/element-container": "^0.4.6",
68
+ "@micromag/element-footer": "^0.4.6",
69
+ "@micromag/element-header": "^0.4.6",
70
+ "@micromag/element-heading": "^0.4.6",
71
+ "@micromag/element-layout": "^0.4.6",
72
+ "@micromag/element-scroll": "^0.4.6",
73
+ "@micromag/element-text": "^0.4.6",
74
+ "@micromag/transforms": "^0.4.6",
75
75
  "classnames": "^2.2.6",
76
76
  "lodash": "^4.17.23",
77
77
  "react-intl": "^8.1.3",
@@ -81,6 +81,6 @@
81
81
  "access": "public",
82
82
  "registry": "https://registry.npmjs.org/"
83
83
  },
84
- "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
84
+ "gitHead": "cf8440c2851b864167a1f545aa56551d55473263",
85
85
  "types": "es/index.d.ts"
86
86
  }