@arch-ui/common
Advanced tools
Comparing version
# @arch-ui/common | ||
## 0.0.12 | ||
### Patch Changes | ||
- Updated dependencies [[`0fc878fa9`](https://github.com/keystonejs/keystone/commit/0fc878fa918c3196196f943f195ffaa62fce504b)]: | ||
- @arch-ui/theme@0.0.11 | ||
## 0.0.11 | ||
@@ -44,3 +51,3 @@ | ||
- Updated dependencies [19fe6c1b](https://github.com/keystonejs/keystone-5/commit/19fe6c1b): | ||
- Updated dependencies [19fe6c1b](https://github.com/keystonejs/keystone/commit/19fe6c1b): | ||
- @arch-ui/theme@0.0.5 | ||
@@ -52,3 +59,3 @@ | ||
- [d580c298](https://github.com/keystonejs/keystone-5/commit/d580c298): | ||
- [d580c298](https://github.com/keystonejs/keystone/commit/d580c298): | ||
@@ -59,3 +66,3 @@ Minor Admin UI Tweaks | ||
- Updated dependencies [81dc0be5](https://github.com/keystonejs/keystone-5/commit/81dc0be5): | ||
- Updated dependencies [81dc0be5](https://github.com/keystonejs/keystone/commit/81dc0be5): | ||
- @arch-ui/theme@0.0.4 | ||
@@ -65,3 +72,3 @@ | ||
- [patch][e75c105c](https://github.com/keystonejs/keystone-5/commit/e75c105c): | ||
- [patch][e75c105c](https://github.com/keystonejs/keystone/commit/e75c105c): | ||
@@ -68,0 +75,0 @@ - admin revamp |
@@ -11,11 +11,11 @@ 'use strict'; | ||
const SM_DEVICE = 575; | ||
const smOnly = "@media (max-width: ".concat(SM_DEVICE, "px)"); | ||
const mdOnly = "@media (min-width: ".concat(MD_DEVICE, "px) and (max-width: ").concat(LG_DEVICE, "px)"); | ||
const lgOnly = "@media (min-width: ".concat(LG_DEVICE, "px) and (max-width: ").concat(XL_DEVICE, "px)"); | ||
const xlOnly = "@media (min-width: ".concat(XL_DEVICE, "px)"); | ||
const mdUp = "@media (min-width: ".concat(MD_DEVICE, "px)"); | ||
const lgUp = "@media (min-width: ".concat(LG_DEVICE, "px)"); | ||
const mdDown = "@media (max-width: ".concat(MD_DEVICE, "px)"); | ||
const lgDown = "@media (max-width: ".concat(LG_DEVICE, "px)"); | ||
const xlDown = "@media (max-width: ".concat(XL_DEVICE, "px)"); | ||
const smOnly = `@media (max-width: ${SM_DEVICE}px)`; | ||
const mdOnly = `@media (min-width: ${MD_DEVICE}px) and (max-width: ${LG_DEVICE}px)`; | ||
const lgOnly = `@media (min-width: ${LG_DEVICE}px) and (max-width: ${XL_DEVICE}px)`; | ||
const xlOnly = `@media (min-width: ${XL_DEVICE}px)`; | ||
const mdUp = `@media (min-width: ${MD_DEVICE}px)`; | ||
const lgUp = `@media (min-width: ${LG_DEVICE}px)`; | ||
const mdDown = `@media (max-width: ${MD_DEVICE}px)`; | ||
const lgDown = `@media (max-width: ${LG_DEVICE}px)`; | ||
const xlDown = `@media (max-width: ${XL_DEVICE}px)`; | ||
@@ -45,3 +45,3 @@ var mediaQueries = /*#__PURE__*/Object.freeze({ | ||
minWidth: 1, | ||
padding: "".concat(theme.gridSize, "px ").concat(theme.gridSize * 1.5, "px"), | ||
padding: `${theme.gridSize}px ${theme.gridSize * 1.5}px`, | ||
transition: 'box-shadow 100ms linear', | ||
@@ -48,0 +48,0 @@ verticalAlign: 'middle', |
@@ -9,3 +9,3 @@ "use strict"; | ||
const XL_DEVICE = 1199, LG_DEVICE = 991, MD_DEVICE = 768, SM_DEVICE = 575, smOnly = "@media (max-width: ".concat(575, "px)"), mdOnly = "@media (min-width: ".concat(768, "px) and (max-width: ").concat(991, "px)"), lgOnly = "@media (min-width: ".concat(991, "px) and (max-width: ").concat(1199, "px)"), xlOnly = "@media (min-width: ".concat(1199, "px)"), mdUp = "@media (min-width: ".concat(768, "px)"), lgUp = "@media (min-width: ".concat(991, "px)"), mdDown = "@media (max-width: ".concat(768, "px)"), lgDown = "@media (max-width: ".concat(991, "px)"), xlDown = "@media (max-width: ".concat(1199, "px)"); | ||
const XL_DEVICE = 1199, LG_DEVICE = 991, MD_DEVICE = 768, SM_DEVICE = 575, smOnly = "@media (max-width: 575px)", mdOnly = "@media (min-width: 768px) and (max-width: 991px)", lgOnly = "@media (min-width: 991px) and (max-width: 1199px)", xlOnly = "@media (min-width: 1199px)", mdUp = "@media (min-width: 768px)", lgUp = "@media (min-width: 991px)", mdDown = "@media (max-width: 768px)", lgDown = "@media (max-width: 991px)", xlDown = "@media (max-width: 1199px)"; | ||
@@ -35,3 +35,3 @@ var mediaQueries = Object.freeze({ | ||
minWidth: 1, | ||
padding: "".concat(theme.gridSize, "px ").concat(1.5 * theme.gridSize, "px"), | ||
padding: `${theme.gridSize}px ${1.5 * theme.gridSize}px`, | ||
transition: "box-shadow 100ms linear", | ||
@@ -38,0 +38,0 @@ verticalAlign: "middle", |
@@ -7,11 +7,11 @@ import { borderRadius, gridSize } from '@arch-ui/theme'; | ||
const SM_DEVICE = 575; | ||
const smOnly = "@media (max-width: ".concat(SM_DEVICE, "px)"); | ||
const mdOnly = "@media (min-width: ".concat(MD_DEVICE, "px) and (max-width: ").concat(LG_DEVICE, "px)"); | ||
const lgOnly = "@media (min-width: ".concat(LG_DEVICE, "px) and (max-width: ").concat(XL_DEVICE, "px)"); | ||
const xlOnly = "@media (min-width: ".concat(XL_DEVICE, "px)"); | ||
const mdUp = "@media (min-width: ".concat(MD_DEVICE, "px)"); | ||
const lgUp = "@media (min-width: ".concat(LG_DEVICE, "px)"); | ||
const mdDown = "@media (max-width: ".concat(MD_DEVICE, "px)"); | ||
const lgDown = "@media (max-width: ".concat(LG_DEVICE, "px)"); | ||
const xlDown = "@media (max-width: ".concat(XL_DEVICE, "px)"); | ||
const smOnly = `@media (max-width: ${SM_DEVICE}px)`; | ||
const mdOnly = `@media (min-width: ${MD_DEVICE}px) and (max-width: ${LG_DEVICE}px)`; | ||
const lgOnly = `@media (min-width: ${LG_DEVICE}px) and (max-width: ${XL_DEVICE}px)`; | ||
const xlOnly = `@media (min-width: ${XL_DEVICE}px)`; | ||
const mdUp = `@media (min-width: ${MD_DEVICE}px)`; | ||
const lgUp = `@media (min-width: ${LG_DEVICE}px)`; | ||
const mdDown = `@media (max-width: ${MD_DEVICE}px)`; | ||
const lgDown = `@media (max-width: ${LG_DEVICE}px)`; | ||
const xlDown = `@media (max-width: ${XL_DEVICE}px)`; | ||
@@ -41,3 +41,3 @@ var mediaQueries = /*#__PURE__*/Object.freeze({ | ||
minWidth: 1, | ||
padding: "".concat(gridSize, "px ").concat(gridSize * 1.5, "px"), | ||
padding: `${gridSize}px ${gridSize * 1.5}px`, | ||
transition: 'box-shadow 100ms linear', | ||
@@ -44,0 +44,0 @@ verticalAlign: 'middle', |
{ | ||
"name": "@arch-ui/common", | ||
"description": "Common config used throughout @arch-ui Components and @keystonejs Admin UI.", | ||
"version": "0.0.11", | ||
"version": "0.0.12", | ||
"author": "Jed Watson", | ||
@@ -9,3 +9,3 @@ "license": "MIT", | ||
"dependencies": { | ||
"@arch-ui/theme": "^0.0.10" | ||
"@arch-ui/theme": "^0.0.11" | ||
}, | ||
@@ -12,0 +12,0 @@ "module": "dist/common.esm.js", |
8060
-2.96%159
-0.62%+ Added
- Removed
Updated