@instructure/ui-view 8.12.0 → 8.12.1-snapshot.15

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+title: The MIT License (MIT)
+category: Getting Started
+order: 9
+---
+
+# The MIT License (MIT)
+
+Copyright (c) 2015 Instructure, Inc.
+
+**Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions.**
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/es/View/index.js

@@ -155,8 +155,7 @@ let View = (_dec = textDirectionContextConsumer(), _dec2 = withStyle(generateSty
     const ElementType = getElementType(View, this.props);
     return jsx(ElementType, Object.assign({}, passthroughProps(props), {
       className: className,
-      css: styles === null || styles === void 0 ? void 0 : styles.view,
-      style: styles === null || styles === void 0 ? void 0 : styles.inlineStyles,
+      css: [styles === null || styles === void 0 ? void 0 : styles.view, styles === null || styles === void 0 ? void 0 : styles.inlineStyles],
       ref: this.handleElementRef
     }), children);
   }

package/es/View/styles.js

@@ -467,16 +467,20 @@ const generateStyle = (componentTheme, props) => {
       } : {}),
       ...(shouldUseFocusStyles ? focusStyles : {})
     },
-    inlineStyles: { ...spacingStyle,
-      ...borderStyle,
-      ...offsetStyle,
-      width,
-      height,
-      minWidth,
-      minHeight,
-      maxWidth,
-      maxHeight,
-      ...getStyleProps(props)
+    inlineStyles: {
+      //every '&' symbol will add another class to the rule, so it will be stronger
+      //making an accidental override less likely
+      '&&&&&&&&&&': { ...spacingStyle,
+        ...borderStyle,
+        ...offsetStyle,
+        width,
+        height,
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+        ...getStyleProps(props)
+      }
     }
   };
 };

package/lib/View/index.js

@@ -153,8 +153,7 @@ let View = (_dec = (0, _textDirectionContextConsumer.textDirectionContextConsume
     const ElementType = (0, _getElementType.getElementType)(View, this.props);
     return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
       className: className,
-      css: styles === null || styles === void 0 ? void 0 : styles.view,
-      style: styles === null || styles === void 0 ? void 0 : styles.inlineStyles,
+      css: [styles === null || styles === void 0 ? void 0 : styles.view, styles === null || styles === void 0 ? void 0 : styles.inlineStyles],
       ref: this.handleElementRef
     }), children);
   }

package/lib/View/styles.js

@@ -477,16 +477,20 @@ const generateStyle = (componentTheme, props) => {
       } : {}),
       ...(shouldUseFocusStyles ? focusStyles : {})
     },
-    inlineStyles: { ...spacingStyle,
-      ...borderStyle,
-      ...offsetStyle,
-      width,
-      height,
-      minWidth,
-      minHeight,
-      maxWidth,
-      maxHeight,
-      ...getStyleProps(props)
+    inlineStyles: {
+      //every '&' symbol will add another class to the rule, so it will be stronger
+      //making an accidental override less likely
+      '&&&&&&&&&&': { ...spacingStyle,
+        ...borderStyle,
+        ...offsetStyle,
+        width,
+        height,
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+        ...getStyleProps(props)
+      }
     }
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-view",
-  "version": "8.12.0",
+  "version": "8.12.1-snapshot.15+c50fd66e4",
   "description": "A component for basic styles including spacing, sizing, borders, display, positioning, and focus states.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,21 +25,21 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.12.0",
-    "@instructure/emotion": "8.12.0",
-    "@instructure/shared-types": "8.12.0",
-    "@instructure/ui-color-utils": "8.12.0",
-    "@instructure/ui-dom-utils": "8.12.0",
-    "@instructure/ui-i18n": "8.12.0",
-    "@instructure/ui-position": "8.12.0",
-    "@instructure/ui-prop-types": "8.12.0",
-    "@instructure/ui-react-utils": "8.12.0",
+    "@instructure/console": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/emotion": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/shared-types": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-color-utils": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-dom-utils": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-i18n": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-position": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-prop-types": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-react-utils": "8.12.1-snapshot.15+c50fd66e4",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.12.0",
-    "@instructure/ui-test-utils": "8.12.0",
-    "@instructure/ui-themes": "8.12.0"
+    "@instructure/ui-babel-preset": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-test-utils": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-themes": "8.12.1-snapshot.15+c50fd66e4"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -47,5 +47,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "c50fd66e4ba9e5d4b814659f8ee4e1cc2f929cc2"
 }

package/src/View/index.tsx

@@ -218,8 +218,7 @@ class View extends Component<ViewProps> {
         //@ts-expect-error TODO: `ref` prop causes: "Expression produces a union type that is too complex to represent.ts(2590)"
         {...passthroughProps(props)}
         className={className}
-        css={styles?.view}
-        style={styles?.inlineStyles}
+        css={[styles?.view, styles?.inlineStyles]}
         ref={this.handleElementRef}
       >
         {children}

package/src/View/styles.ts

@@ -600,16 +600,20 @@ const generateStyle = (
       ...(shouldUseFocusStyles ? focusStyles : {})
     },
     inlineStyles: {
-      ...spacingStyle,
-      ...borderStyle,
-      ...offsetStyle,
-      width,
-      height,
-      minWidth,
-      minHeight,
-      maxWidth,
-      maxHeight,
-      ...getStyleProps(props)
+      //every '&' symbol will add another class to the rule, so it will be stronger
+      //making an accidental override less likely
+      '&&&&&&&&&&': {
+        ...spacingStyle,
+        ...borderStyle,
+        ...offsetStyle,
+        width,
+        height,
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+        ...getStyleProps(props)
+      }
     }
   }
 }

package/types/View/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/View/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWhD,OAAO,EAAE,GAAG,EAAa,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;;;;GAQG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAS;IAC3B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;MAUT;IAgBV,MAAM,CAAC,aAAa,UACX,OAAO,MAAM,EAAE,GAAG,CAAC,aACf,cAAc,GAAG,CAAC,yBAiB9B;IAED,OAAO,CAAC,kBAAkB,CAAS;IACnC,IAAI,QAAQ,mBAMX;gBAEW,KAAK,EAAE,SAAS;IAK5B,iBAAiB;IAIjB,kBAAkB;IAoDlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAKrC;IAED,MAAM;CA2CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/View/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWhD,OAAO,EAAE,GAAG,EAAa,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;;;;GAQG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAS;IAC3B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;MAUT;IAgBV,MAAM,CAAC,aAAa,UACX,OAAO,MAAM,EAAE,GAAG,CAAC,aACf,cAAc,GAAG,CAAC,yBAiB9B;IAED,OAAO,CAAC,kBAAkB,CAAS;IACnC,IAAI,QAAQ,mBAMX;gBAEW,KAAK,EAAE,SAAS;IAK5B,iBAAiB;IAIjB,kBAAkB;IAoDlB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAKrC;IAED,MAAM;CA0CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/View/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/View/styles.ts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAGV,SAAS,EACV,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA0UnD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,SAAS,SAClB,SAAS,KACf,SAyOF,CAAA;AACD,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/View/styles.ts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAGV,SAAS,EACV,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA0UnD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,SAAS,SAClB,SAAS,KACf,SA6OF,CAAA;AACD,eAAe,aAAa,CAAA"}