@pareto-engineering/design-system 4.0.0-alpha.50 → 4.0.0-alpha.52

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 (8) hide show
  1. package/dist/cjs/a/SnapScroller/styles.scss +16 -0
  2. package/dist/cjs/b/ThemeSelector/ThemeSelector.js +1 -1
  3. package/dist/es/a/SnapScroller/styles.scss +16 -0
  4. package/dist/es/b/ThemeSelector/ThemeSelector.js +1 -1
  5. package/package.json +4 -4
  6. package/src/ui/a/SnapScroller/styles.scss +16 -0
  7. package/src/ui/b/ThemeSelector/ThemeSelector.jsx +2 -2
  8. package/tests/__snapshots__/Storyshots.test.js.snap +1 -1
package/dist/cjs/a/SnapScroller/styles.scss CHANGED
@@ -28,6 +28,14 @@ $default-spacing: var(--gap);
28
28
  }
29
29
  }
30
30
 
31
+ &:not(.desktop-no-scroll) {
32
+ >* {
33
+ &:nth-child(2) {
34
+ margin-left: $default-spacing;
35
+ }
36
+ }
37
+ }
38
+
31
39
  &::after {
32
40
  content: "";
33
41
  min-width: calc($default-spacing / 2);
@@ -56,5 +64,13 @@ $default-spacing: var(--gap);
56
64
  }
57
65
  }
58
66
  }
67
+
68
+ &:not(.desktop-no-scroll) {
69
+ >* {
70
+ &:nth-child(2) {
71
+ margin-left: unset;
72
+ }
73
+ }
74
+ }
59
75
  }
60
76
  }
package/dist/cjs/b/ThemeSelector/ThemeSelector.js CHANGED
@@ -43,7 +43,7 @@ const ThemeSelector = _ref => {
43
43
  style: style
44
44
  }, /*#__PURE__*/React.createElement("span", {
45
45
  className: "c-x x-paragraph"
46
- }, "Theme:", ' ', userTheme && userTheme[0].toUpperCase() + userTheme.slice(1)), /*#__PURE__*/React.createElement("button", {
46
+ }, userTheme && userTheme[0].toUpperCase() + userTheme.slice(1), ' ', "Theme"), /*#__PURE__*/React.createElement("button", {
47
47
  type: "button",
48
48
  onClick: loopThemes
49
49
  }, /*#__PURE__*/React.createElement("input", {
package/dist/es/a/SnapScroller/styles.scss CHANGED
@@ -28,6 +28,14 @@ $default-spacing: var(--gap);
28
28
  }
29
29
  }
30
30
 
31
+ &:not(.desktop-no-scroll) {
32
+ >* {
33
+ &:nth-child(2) {
34
+ margin-left: $default-spacing;
35
+ }
36
+ }
37
+ }
38
+
31
39
  &::after {
32
40
  content: "";
33
41
  min-width: calc($default-spacing / 2);
@@ -56,5 +64,13 @@ $default-spacing: var(--gap);
56
64
  }
57
65
  }
58
66
  }
67
+
68
+ &:not(.desktop-no-scroll) {
69
+ >* {
70
+ &:nth-child(2) {
71
+ margin-left: unset;
72
+ }
73
+ }
74
+ }
59
75
  }
60
76
  }
package/dist/es/b/ThemeSelector/ThemeSelector.js CHANGED
@@ -36,7 +36,7 @@ const ThemeSelector = ({
36
36
  style: style
37
37
  }, /*#__PURE__*/React.createElement("span", {
38
38
  className: "c-x x-paragraph"
39
- }, "Theme:", ' ', userTheme && userTheme[0].toUpperCase() + userTheme.slice(1)), /*#__PURE__*/React.createElement("button", {
39
+ }, userTheme && userTheme[0].toUpperCase() + userTheme.slice(1), ' ', "Theme"), /*#__PURE__*/React.createElement("button", {
40
40
  type: "button",
41
41
  onClick: loopThemes
42
42
  }, /*#__PURE__*/React.createElement("input", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pareto-engineering/design-system",
3
- "version": "4.0.0-alpha.50",
3
+ "version": "4.0.0-alpha.52",
4
4
  "description": "",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",
@@ -51,9 +51,9 @@
51
51
  },
52
52
  "dependencies": {
53
53
  "@lexical/react": "^0.11.3",
54
- "@pareto-engineering/assets": "^4.0.0-alpha.50",
54
+ "@pareto-engineering/assets": "^4.0.0-alpha.52",
55
55
  "@pareto-engineering/bem": "^4.0.0-alpha.20",
56
- "@pareto-engineering/styles": "^4.0.0-alpha.50",
56
+ "@pareto-engineering/styles": "^4.0.0-alpha.52",
57
57
  "@pareto-engineering/utils": "^4.0.0-alpha.46",
58
58
  "date-fns": "^2.29.3",
59
59
  "downshift": "^6.1.12",
@@ -70,5 +70,5 @@
70
70
  "relay-test-utils": "^15.0.0"
71
71
  },
72
72
  "browserslist": "> 2%",
73
- "gitHead": "fedc829759dcd709a16addf151c7c75dfadd4f05"
73
+ "gitHead": "c1f25590a71bc730afcbed30820c69721e309627"
74
74
  }
package/src/ui/a/SnapScroller/styles.scss CHANGED
@@ -28,6 +28,14 @@ $default-spacing: var(--gap);
28
28
  }
29
29
  }
30
30
 
31
+ &:not(.desktop-no-scroll) {
32
+ >* {
33
+ &:nth-child(2) {
34
+ margin-left: $default-spacing;
35
+ }
36
+ }
37
+ }
38
+
31
39
  &::after {
32
40
  content: "";
33
41
  min-width: calc($default-spacing / 2);
@@ -56,5 +64,13 @@ $default-spacing: var(--gap);
56
64
  }
57
65
  }
58
66
  }
67
+
68
+ &:not(.desktop-no-scroll) {
69
+ >* {
70
+ &:nth-child(2) {
71
+ margin-left: unset;
72
+ }
73
+ }
74
+ }
59
75
  }
60
76
  }
package/src/ui/b/ThemeSelector/ThemeSelector.jsx CHANGED
@@ -49,9 +49,9 @@ const ThemeSelector = ({
49
49
  style={style}
50
50
  >
51
51
  <span className="c-x x-paragraph">
52
- Theme:
53
- {' '}
54
52
  {userTheme && userTheme[0].toUpperCase() + userTheme.slice(1)}
53
+ {' '}
54
+ Theme
55
55
  </span>
56
56
  <button
57
57
  type="button"
package/tests/__snapshots__/Storyshots.test.js.snap CHANGED
@@ -13933,8 +13933,8 @@ exports[`Storyshots b/ThemeSelector Base 1`] = `
13933
13933
  <span
13934
13934
  className="c-x x-paragraph"
13935
13935
  >
13936
- Theme:
13937
13936
 
13937
+ Theme
13938
13938
  </span>
13939
13939
  <button
13940
13940
  onClick={[Function]}