@preply/ds-web-core 0.71.0 → 0.72.0

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,4 +1,4 @@
1
- /* AUTO GENERATED @Tue Oct 03 2023 20:42:41 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Fri Oct 06 2023 17:07:01 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @breakpoints: {
4
4
  narrow-l: 400px;
@@ -0,0 +1,9 @@
1
+ /* AUTO GENERATED @Fri Oct 06 2023 17:07:01 GMT+0000 (Coordinated Universal Time) */
2
+
3
+ .onHover(@styles) {
4
+ @media (hover: hover) and (pointer: fine) {
5
+ &:hover {
6
+ @styles();
7
+ }
8
+ }
9
+ }
@@ -0,0 +1,8 @@
1
+ import styleInject from '../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "";
4
+ var stylesheet="";
5
+ styleInject(css_248z);
6
+
7
+ export { css_248z as default, stylesheet };
8
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixrREFBc0Q7QUFDOUU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
@@ -1,5 +1,11 @@
1
- /* AUTO GENERATED @Tue Oct 03 2023 20:42:39 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Fri Oct 06 2023 17:06:58 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
+ @ACTION_LINK_VARIANT_ACTIVE_COLOR_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted,
4
+ unsetColors;
5
+ @ACTION_LINK_VARIANT_COLOR_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted,
6
+ unsetColors;
7
+ @ACTION_LINK_VARIANT_HOVER_COLOR_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted,
8
+ unsetColors;
3
9
  @ACTION_VARIANT_ACTIVE_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
4
10
  dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
5
11
  @ACTION_VARIANT_DISABLED_BG_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
@@ -93,6 +99,7 @@
93
99
  @LINK_FONT_WEIGHT_OPTIONS: large, default, small;
94
100
  @LINK_LINE_HEIGHT_OPTIONS: large, default, small;
95
101
  @LINK_TEXT_DECORATION_OPTIONS: large, default, small;
102
+ @LINK_VARIANT_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted, unsetColors;
96
103
  @PANEL_PADDING_OPTIONS: small, base, medium, large;
97
104
  @PREPLY_LOGO_VARIANT_OPTIONS: default, monochrome, ua;
98
105
  @RADIUS_OPTIONS: 0, 2, 4, 16, 8, 300;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Tue Oct 03 2023 20:42:39 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Fri Oct 06 2023 17:06:59 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @scheme-color: var(--aface6);
4
4
  @scheme-bgColor: var(--786b9e);
@@ -256,9 +256,21 @@
256
256
  @action-variant-ghost-selected-borderColor: var(--1ca8a8);
257
257
  @action-variant-classroom-selected-borderColor: var(--15af87);
258
258
  @action-link-textDecoration: var(--f13872);
259
- @action-link-color: var(--1e7527);
260
- @action-link-hover-color: var(--7d7969);
261
- @action-link-active-color: var(--17d302);
259
+ @action-link-variant-accentDark-color: var(--c6b68f);
260
+ @action-link-variant-accentDarkInverted-color: var(--7cbffc);
261
+ @action-link-variant-neutral-color: var(--19fdf0);
262
+ @action-link-variant-neutralInverted-color: var(--883d0f);
263
+ @action-link-variant-unsetColors-color: var(--e66f2a);
264
+ @action-link-variant-accentDark-hover-color: var(--65e1ef);
265
+ @action-link-variant-accentDarkInverted-hover-color: var(--47fcde);
266
+ @action-link-variant-neutral-hover-color: var(--ce5fb9);
267
+ @action-link-variant-neutralInverted-hover-color: var(--065570);
268
+ @action-link-variant-unsetColors-hover-color: var(--468ceb);
269
+ @action-link-variant-accentDark-active-color: var(--179b80);
270
+ @action-link-variant-accentDarkInverted-active-color: var(--1253e2);
271
+ @action-link-variant-neutral-active-color: var(--1d39ac);
272
+ @action-link-variant-neutralInverted-active-color: var(--be41c4);
273
+ @action-link-variant-unsetColors-active-color: var(--a5fc76);
262
274
  @action-size-xs-height: var(--50cc65);
263
275
  @action-size-s-height: var(--2f2e00);
264
276
  @action-size-m-height: var(--bcfcbc);
@@ -1203,4 +1215,5 @@
1203
1215
  @action-base-borderWidth: var(--0b1b71);
1204
1216
  @icon-fieldLayout-width: var(--d57208);
1205
1217
  @icon-fieldLayout-height: var(--3caeb9);
1218
+ @icon-fieldLayout-borderRadius: var(--0191ea);
1206
1219
  @action-variant-ai-borderImage: var(--0b0037);
@@ -0,0 +1 @@
1
+ export { onHover } from './sc/mixins';
@@ -0,0 +1,2 @@
1
+ export { onHover } from './sc/mixins.js';
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
@@ -0,0 +1 @@
1
+ export declare const onHover: (content: string) => string;
@@ -0,0 +1,10 @@
1
+ const onHover = (content) => `
2
+ @media (hover: hover) and (pointer: fine) {
3
+ &:hover {
4
+ ${content}
5
+ }
6
+ }
7
+ `;
8
+
9
+ export { onHover };
10
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaG92ZXIvc2MvbWl4aW5zLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBvbkhvdmVyID0gKGNvbnRlbnQ6IHN0cmluZyk6IHN0cmluZyA9PiBgXG4gICAgQG1lZGlhIChob3ZlcjogaG92ZXIpIGFuZCAocG9pbnRlcjogZmluZSkge1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICR7Y29udGVudH1cbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ik1BQWEsT0FBTyxHQUFHLENBQUMsT0FBZSxLQUFhOzs7Y0FHdEMsT0FBTzs7Ozs7OzsifQ==
package/dist/index.d.ts CHANGED
@@ -12,6 +12,7 @@ export * from './keyboard';
12
12
  export * from './layout';
13
13
  export * from './location';
14
14
  export * from './responsive';
15
+ export * from './hover';
15
16
  export * from './ssr';
16
17
  export * from './svg';
17
18
  export * from './theme';
package/dist/index.js CHANGED
@@ -33,6 +33,7 @@ export { useLayoutPaddingClassnames } from './layout/module-layout-padding/hooks
33
33
  export { useLayoutRelativeClassnames } from './layout/module-layout-relative/hooks/useLayoutRelativeClassnames.js';
34
34
  export { useLayoutGapClassnames } from './layout/module-layout-gap/hooks/useLayoutGapClassnames.js';
35
35
  export { minWidth } from './responsive/sc/mixins.js';
36
+ export { onHover } from './hover/sc/mixins.js';
36
37
  export { ServerStyleSheet } from './ssr/classes/ServerStyleSheet.js';
37
38
  export { HostnameContext } from './ssr/contexts/HostnameContext.js';
38
39
  export { StyleExtractContext } from './ssr/contexts/StyleExtractContext.js';
@@ -55,4 +56,4 @@ export { useTextCenteredClassnames } from './typography/module-text-centered/hoo
55
56
  export { useTextWeightClassNames } from './typography/module-text-weight/hooks/useTextWeightClassNames.js';
56
57
  export { useVisualModeClassNames } from './visual-mode/module-visual/hooks/useVisualModeClassNames.js';
57
58
  export { VisualModeContext } from './visual-mode/module-visual/providers/VisualModeContext.js';
58
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
59
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
@@ -0,0 +1,8 @@
1
+ // fix default blue highlight on touch devices (Chrome)
2
+ // inspired by https://stackoverflow.com/a/42508425
3
+ .avoid-default-tap-highlight() {
4
+ -webkit-tap-highlight-color: transparent;
5
+ outline: none;
6
+ -ms-touch-action: manipulation;
7
+ touch-action: manipulation;
8
+ }
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "";
4
+ var stylesheet="";
5
+ styleInject(css_248z);
6
+
7
+ export { css_248z as default, stylesheet };
8
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-core",
3
- "version": "0.71.0",
3
+ "version": "0.72.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -19,14 +19,14 @@
19
19
  "dev": "run build:rollup -w"
20
20
  },
21
21
  "dependencies": {
22
- "@preply/ds-core": "0.71.0",
23
- "@preply/ds-core-types": "0.71.0"
22
+ "@preply/ds-core": "0.72.0",
23
+ "@preply/ds-core-types": "0.72.0"
24
24
  },
25
25
  "peerDependencies": {
26
- "@preply/ds-core": "0.71.0",
27
- "@preply/ds-core-types": "0.71.0",
26
+ "@preply/ds-core": "0.72.0",
27
+ "@preply/ds-core-types": "0.72.0",
28
28
  "react": "^16.8.3",
29
29
  "react-dom": "^16.8.3"
30
30
  },
31
- "gitHead": "9e05faae3d044476c45acfb7f68ac380885b6df0"
31
+ "gitHead": "212a73279d8e2cdeb70223d3119d5d3bfcbbf8a0"
32
32
  }