styled-components 6.0.6 → 6.0.8

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 (61) hide show
  1. package/dist/base.d.ts +1 -1
  2. package/dist/constructors/constructWithOptions.d.ts +1 -1
  3. package/dist/constructors/styled.d.ts +3 -45
  4. package/dist/hoc/withTheme.d.ts +1 -1
  5. package/dist/index.d.ts +2 -2
  6. package/dist/models/ComponentStyle.d.ts +1 -1
  7. package/dist/models/StyleSheetManager.d.ts +1 -1
  8. package/dist/models/ThemeProvider.d.ts +1 -1
  9. package/dist/native/index.d.ts +4 -4
  10. package/dist/sheet/Sheet.d.ts +3 -3
  11. package/dist/sheet/Tag.d.ts +7 -7
  12. package/dist/sheet/dom.d.ts +1 -1
  13. package/dist/sheet/types.d.ts +1 -1
  14. package/dist/styled-components.browser.cjs.js +1 -1
  15. package/dist/styled-components.browser.cjs.js.map +1 -1
  16. package/dist/styled-components.browser.esm.js +1 -1
  17. package/dist/styled-components.browser.esm.js.map +1 -1
  18. package/dist/styled-components.cjs.js +1 -1
  19. package/dist/styled-components.cjs.js.map +1 -1
  20. package/dist/styled-components.esm.js +1 -1
  21. package/dist/styled-components.esm.js.map +1 -1
  22. package/dist/styled-components.js +18 -18
  23. package/dist/styled-components.js.map +1 -1
  24. package/dist/styled-components.min.js +1 -1
  25. package/dist/styled-components.min.js.map +1 -1
  26. package/dist/test/utils.d.ts +3 -46
  27. package/dist/types.d.ts +41 -19
  28. package/dist/utils/checkDynamicCreation.d.ts +1 -1
  29. package/dist/utils/determineTheme.d.ts +2 -2
  30. package/dist/utils/domElements.d.ts +3 -1
  31. package/dist/utils/flatten.d.ts +1 -1
  32. package/dist/utils/hoist.d.ts +1 -1
  33. package/dist/utils/joinStrings.d.ts +2 -2
  34. package/dist/utils/stylis.d.ts +4 -4
  35. package/native/dist/base.d.ts +1 -1
  36. package/native/dist/constructors/constructWithOptions.d.ts +1 -1
  37. package/native/dist/constructors/styled.d.ts +3 -45
  38. package/native/dist/hoc/withTheme.d.ts +1 -1
  39. package/native/dist/index.d.ts +2 -2
  40. package/native/dist/models/ComponentStyle.d.ts +1 -1
  41. package/native/dist/models/StyleSheetManager.d.ts +1 -1
  42. package/native/dist/models/ThemeProvider.d.ts +1 -1
  43. package/native/dist/native/index.d.ts +4 -4
  44. package/native/dist/sheet/Sheet.d.ts +3 -3
  45. package/native/dist/sheet/Tag.d.ts +7 -7
  46. package/native/dist/sheet/dom.d.ts +1 -1
  47. package/native/dist/sheet/types.d.ts +1 -1
  48. package/native/dist/styled-components.native.cjs.js +1 -1
  49. package/native/dist/styled-components.native.cjs.js.map +1 -1
  50. package/native/dist/styled-components.native.esm.js +1 -1
  51. package/native/dist/styled-components.native.esm.js.map +1 -1
  52. package/native/dist/test/utils.d.ts +3 -46
  53. package/native/dist/types.d.ts +41 -19
  54. package/native/dist/utils/checkDynamicCreation.d.ts +1 -1
  55. package/native/dist/utils/determineTheme.d.ts +2 -2
  56. package/native/dist/utils/domElements.d.ts +3 -1
  57. package/native/dist/utils/flatten.d.ts +1 -1
  58. package/native/dist/utils/hoist.d.ts +1 -1
  59. package/native/dist/utils/joinStrings.d.ts +2 -2
  60. package/native/dist/utils/stylis.d.ts +4 -4
  61. package/package.json +3 -2
package/dist/styled-components.js CHANGED
@@ -4,11 +4,13 @@
4
4
  (global = global || self, global.styled = factory(global.React));
5
5
  })(this, (function (React) { 'use strict';
6
6
 
7
- var SC_ATTR = (typeof process !== 'undefined' && typeof process.env !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR)) ||
7
+ var SC_ATTR = (typeof process !== 'undefined' &&
8
+ typeof process.env !== 'undefined' &&
9
+ (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR)) ||
8
10
  'data-styled';
9
11
  var SC_ATTR_ACTIVE = 'active';
10
12
  var SC_ATTR_VERSION = 'data-styled-version';
11
- var SC_VERSION = "6.0.6";
13
+ var SC_VERSION = "6.0.8";
12
14
  var SPLITTER = '/*!sc*/\n';
13
15
  var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
14
16
  var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean'
@@ -327,18 +329,10 @@
327
329
  return typeof __webpack_nonce__ !== 'undefined' ? __webpack_nonce__ : null;
328
330
  }
329
331
 
330
- var ELEMENT_TYPE = 1;
331
- /* Node.ELEMENT_TYPE */
332
332
  /** Find last style element if any inside target */
333
333
  var findLastStyleTag = function (target) {
334
- var childNodes = target.childNodes;
335
- for (var i = childNodes.length; i >= 0; i--) {
336
- var child = childNodes[i];
337
- if (child && child.nodeType === ELEMENT_TYPE && child.hasAttribute(SC_ATTR)) {
338
- return child;
339
- }
340
- }
341
- return undefined;
334
+ var arr = Array.from(target.querySelectorAll("style[".concat(SC_ATTR, "]")));
335
+ return arr[arr.length - 1];
342
336
  };
343
337
  /** Create a style element inside `target` or <head> after the last */
344
338
  var makeStyleTag = function (target) {
@@ -773,7 +767,12 @@
773
767
  if (!shallowequal(plugins, props.stylisPlugins))
774
768
  setPlugins(props.stylisPlugins);
775
769
  }, [props.stylisPlugins]);
776
- return (React.createElement(StyleSheetContext.Provider, { value: { shouldForwardProp: props.shouldForwardProp, styleSheet: resolvedStyleSheet, stylis: stylis } },
770
+ var styleSheetContextValue = React.useMemo(function () { return ({
771
+ shouldForwardProp: props.shouldForwardProp,
772
+ styleSheet: resolvedStyleSheet,
773
+ stylis: stylis,
774
+ }); }, [props.shouldForwardProp, resolvedStyleSheet, stylis]);
775
+ return (React.createElement(StyleSheetContext.Provider, { value: styleSheetContextValue },
777
776
  React.createElement(StylisContext.Provider, { value: stylis }, props.children)));
778
777
  }
779
778
 
@@ -1543,7 +1542,7 @@
1543
1542
  });
1544
1543
 
1545
1544
  // Thanks to ReactDOMFactories for this handy list!
1546
- var domElements = new Set([
1545
+ var elements = [
1547
1546
  'a',
1548
1547
  'abbr',
1549
1548
  'address',
@@ -1589,7 +1588,6 @@
1589
1588
  'h4',
1590
1589
  'h5',
1591
1590
  'h6',
1592
- 'head',
1593
1591
  'header',
1594
1592
  'hgroup',
1595
1593
  'hr',
@@ -1649,7 +1647,6 @@
1649
1647
  'th',
1650
1648
  'thead',
1651
1649
  'time',
1652
- 'title',
1653
1650
  'tr',
1654
1651
  'track',
1655
1652
  'u',
@@ -1679,7 +1676,8 @@
1679
1676
  'svg',
1680
1677
  'text',
1681
1678
  'tspan',
1682
- ]);
1679
+ ];
1680
+ var domElements = new Set(elements);
1683
1681
 
1684
1682
  // Source: https://www.w3.org/TR/cssom-1/#serialize-an-identifier
1685
1683
  // Control characters and non-letter first symbols are not supported
@@ -1789,7 +1787,8 @@
1789
1787
  }
1790
1788
  else if (partRule) {
1791
1789
  var partString = joinStringArray(flatten(partRule, executionContext, styleSheet, stylis));
1792
- dynamicHash = phash(dynamicHash, partString);
1790
+ // The same value can switch positions in the array, so we include "i" in the hash.
1791
+ dynamicHash = phash(dynamicHash, partString + i);
1793
1792
  css += partString;
1794
1793
  }
1795
1794
  }
@@ -2027,6 +2026,7 @@
2027
2026
  var styled = baseStyled;
2028
2027
  // Shorthands for all valid HTML Elements
2029
2028
  domElements.forEach(function (domElement) {
2029
+ // @ts-expect-error some react typing bs
2030
2030
  styled[domElement] = baseStyled(domElement);
2031
2031
  });
2032
2032