@preply/ds-web-core 6.2.1 → 7.0.0

package/dist/icon/types.d.ts

@@ -1,13 +1,9 @@
-import type { ColorName, Dataset, IconSize, TextAccent, TokyoUiIconSize } from '@preply/ds-core';
+import type { Dataset, IconSize, TextAccent } from '@preply/ds-core';
 import { ReactSVGComponentType } from '../svg/types';
 export type IconProps = {
     svg: ReactSVGComponentType;
-    size?: IconSize | TokyoUiIconSize;
+    size?: IconSize;
     accent?: TextAccent;
-    /**
-     * @deprecated Use accent instead.
-     */
-    color?: ColorName;
     /**
      * If using the icon without any adjacent descriptive text, use this prop to
      * provide an `aria-label` for assistive technologies.

package/dist/icon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEjG,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG;IACpB,GAAG,EAAE,qBAAqB,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,eAAe,CAAC;IAClC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAErE,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG;IACpB,GAAG,EAAE,qBAAqB,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export * from './color/module-color';
 export * from './color-scheme';
 export * from './css-module';
 export * from './dom/props';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1,7 +1,6 @@
 export { getDatasetProps, getExternalUrlProps } from './dom/props/index.js';
 export { mapEdgeKeyToStandard } from './keyboard/index.js';
 export { currentHostname, currentHref } from './location/index.js';
-export { useColorClassNames } from './color/module-color/hooks/useColorClassNames.js';
 export { colorSchemes } from './color-scheme/colorSchemes.js';
 export { ColorScheme } from './color-scheme/classes/ColorScheme.js';
 export { ColorSchemeProvider } from './color-scheme/providers/ColorSchemeProvider.js';
@@ -28,4 +27,4 @@ export { withTheme } from './theme/hocs/withTheme.js';
 export { getTokenVar } from './token/util/getTokenVar.js';
 export { useToken } from './token/hooks/useToken.js';
 export { withGetToken } from './token/hocs/withGetToken.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9

package/dist/theme/style/declarations.mixins.less

@@ -5,7 +5,7 @@
     @t: @@token;
 }
 
-.size(@namespace, @key, @tokenSufix:size) {
+.size(@namespace, @key, @tokenSufix: size) {
     @token: '@{namespace}-@{key}-@{tokenSufix}';
     width: @@token;
     height: @@token;
@@ -77,8 +77,6 @@
 .font-style(@namespace, @key) {
     @token: '@{namespace}-@{key}-fontStyle';
     font-style: @@token;
-    @token2: '@{namespace}-@{key}-variationSettings';
-    font-variation-settings: @@token2;
 }
 
 .color(@namespace, @key) {
@@ -111,6 +109,11 @@
     border-color: @@token;
 }
 
+.tokyoUiBorderColor(@key) {
+    @token: 'color-border-@{key}';
+    border-color: @@token;
+}
+
 .border-radius(@namespace, @key) {
     @token: '@{namespace}-@{key}-borderRadius';
     border-radius: @@token;

package/dist/typography/style/mixins.less

@@ -10,12 +10,12 @@
 
 .type-base() {
     .type-root();
-    font-size: @root-text-base-fontSize;
-    line-height: @root-text-base-lineHeight;
+    font-size: @text-small-regular-body-fontSize;
+    line-height: @text-small-regular-body-lineHeight;
 }
 
 .type-base-default-color() {
-    color: @scheme-color;
+    .tokyoUiColor('text', 'primary');
 }
 
 .text-highlights() {
@@ -28,15 +28,6 @@
     });
 }
 
-.text-sizes() {
-    each(@TEXT_SIZE_OPTIONS, {
-        &--size-@{value} {
-            @token: 'size-@{value}';
-            .font-size('text', @token);
-        }
-    });
-}
-
 .text-variant(@text-variant) {
     @token: 'variant-@{text-variant}';
     .font-size('text', @token);
@@ -73,25 +64,3 @@
         });
     });
 }
-
-.heading-levels() {
-    .responsive({
-        each(@HEADING_LEVEL_OPTIONS,  {
-            &--level-@{value}-normal {
-                @token: 'level-@{value}-normal';
-                .font-size('heading', @token);
-                .font-weight('heading', @token);
-                .line-height('heading', @token);
-                .letter-spacing('heading', @token);
-            }
-
-            &--level-@{value}-large {
-                @token: 'level-@{value}-large';
-                .font-size('heading', @token);
-                .font-weight('heading', @token);
-                .line-height('heading', @token);
-                .letter-spacing('heading', @token);
-            }
-        });
-    });
-}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-web-core",
-    "version": "6.2.1",
+    "version": "7.0.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -20,14 +20,14 @@
         "dev": "run build:rollup -w"
     },
     "devDependencies": {
-        "@preply/ds-core": "6.2.1",
-        "@preply/ds-core-types": "6.2.1"
+        "@preply/ds-core": "7.0.0",
+        "@preply/ds-core-types": "7.0.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "6.2.1",
-        "@preply/ds-core-types": "6.2.1",
+        "@preply/ds-core": "7.0.0",
+        "@preply/ds-core-types": "7.0.0",
         "react": "^16 || ^18",
         "react-dom": "^16 || ^18"
     },
-    "gitHead": "b32d7f93b7fa9371987f37ebc062ddccca857759"
+    "gitHead": "e60aa4ee02c73211d6865039e75550fb7d187114"
 }

package/dist/color/index.d.ts

@@ -1,2 +0,0 @@
-export * from './module-color';
-//# sourceMappingURL=index.d.ts.map

package/dist/color/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/color/index.js

@@ -1,2 +0,0 @@
-export { useColorClassNames } from './module-color/hooks/useColorClassNames.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/color/module-color/hooks/useColorClassNames.d.ts

@@ -1,3 +0,0 @@
-import { ColorName } from '@preply/ds-core';
-export declare const useColorClassNames: (color?: ColorName) => string[];
-//# sourceMappingURL=useColorClassNames.d.ts.map

package/dist/color/module-color/hooks/useColorClassNames.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColorClassNames.d.ts","sourceRoot":"","sources":["../../../../src/color/module-color/hooks/useColorClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAQ5C,eAAO,MAAM,kBAAkB,WAAY,SAAS,KAAG,MAAM,EAI5D,CAAC"}

package/dist/color/module-color/hooks/useColorClassNames.js

@@ -1,12 +0,0 @@
-import { useStyleExtract } from '../../../ssr/hooks/useStyleExtract.js';
-import styles from '../style/index.module.less.js';
-import { moduleLocals, stringClassNames } from '../../../css-module/classNames.js';
-
-const COLOR = 'Color';
-const useColorClassNames = (color) => {
-    useStyleExtract(styles);
-    return moduleLocals(styles, COLOR, [stringClassNames('color', color)]);
-};
-
-export { useColorClassNames };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sb3JDbGFzc05hbWVzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29sb3IvbW9kdWxlLWNvbG9yL2hvb2tzL3VzZUNvbG9yQ2xhc3NOYW1lcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvck5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5pbXBvcnQgeyBtb2R1bGVMb2NhbHMsIHN0cmluZ0NsYXNzTmFtZXMgfSBmcm9tICcuLi8uLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB7IHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJy4uLy4uLy4uL3Nzci9ob29rcy91c2VTdHlsZUV4dHJhY3QnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IENPTE9SID0gJ0NvbG9yJztcblxuZXhwb3J0IGNvbnN0IHVzZUNvbG9yQ2xhc3NOYW1lcyA9IChjb2xvcj86IENvbG9yTmFtZSk6IHN0cmluZ1tdID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIHJldHVybiBtb2R1bGVMb2NhbHMoc3R5bGVzLCBDT0xPUiwgW3N0cmluZ0NsYXNzTmFtZXMoJ2NvbG9yJywgY29sb3IpXSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFNQSxNQUFNLEtBQUssR0FBRyxPQUFPO0FBRWQsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEtBQWM7SUFDOUQsZUFBZSxDQUFDLE1BQU0sQ0FBQztBQUV2QixJQUFBLE9BQU8sWUFBWSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQztBQUMxRTs7OzsifQ==

package/dist/color/module-color/index.d.ts

@@ -1,2 +0,0 @@
-export { useColorClassNames } from './hooks/useColorClassNames';
-//# sourceMappingURL=index.d.ts.map

package/dist/color/module-color/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/color/module-color/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/color/module-color/index.js

@@ -1,2 +0,0 @@
-export { useColorClassNames } from './hooks/useColorClassNames.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/color/module-color/style/index.module.less

@@ -1,5 +0,0 @@
-@import './mixins.less';
-
-.Color {
-    .colors();
-}

package/dist/color/module-color/style/index.module.less.js

@@ -1,9 +0,0 @@
-import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Color--color-white__x8ZNj{color:var(--145676)}.Color--color-gray-100__9wmEr{color:var(--55407f)}.Color--color-gray-200__j31DE{color:var(--8f1238)}.Color--color-gray-300__JU2Iu{color:var(--da403c)}.Color--color-gray-400__2W5qt{color:var(--7c8c3c)}.Color--color-gray-500__zVSrd{color:var(--c9575b)}.Color--color-gray-600__8I1Tq{color:var(--2fb6f7)}.Color--color-teal-100__RspmS{color:var(--54ed1d)}.Color--color-teal-200__vV9F9{color:var(--b706bf)}.Color--color-teal-300__POqU4{color:var(--4adefb)}.Color--color-teal-400__iAlkG{color:var(--de8a40)}.Color--color-teal-500__YwesG{color:var(--574543)}.Color--color-green-100__zv3ud{color:var(--1383a7)}.Color--color-green-200__cejFK{color:var(--9f1066)}.Color--color-green-300__ExaBn{color:var(--d4cf94)}.Color--color-green-400__UYnyW{color:var(--bbfa9f)}.Color--color-green-500__wsA9j{color:var(--5f8b30)}.Color--color-yellow-100__HLJXS{color:var(--c7d8be)}.Color--color-yellow-200__d8yN7{color:var(--17bab8)}.Color--color-yellow-300__CVySa{color:var(--f017e5)}.Color--color-yellow-400__kgzPd{color:var(--2242ed)}.Color--color-yellow-500__-O9qT{color:var(--e40de4)}.Color--color-red-100__NX32A{color:var(--ecb5d5)}.Color--color-red-200__yB82q{color:var(--5b5cb0)}.Color--color-red-300__HMfFD{color:var(--d55c71)}.Color--color-red-400__vAaAs{color:var(--4e47fe)}.Color--color-red-500__SOm1-{color:var(--3e7877)}.Color--color-blue-100__odKFC{color:var(--21906f)}.Color--color-blue-200__if6Vc{color:var(--5d87f3)}.Color--color-blue-300__Z7YaE{color:var(--201e14)}.Color--color-blue-400__CDD39{color:var(--e1c27c)}.Color--color-blue-500__sJpqW{color:var(--6a1420)}.Color--color-magenta-100__mmhM1{color:var(--1a9963)}.Color--color-magenta-200__fQbgv{color:var(--b774df)}.Color--color-magenta-300__fezFX{color:var(--f72cdd)}.Color--color-magenta-400__NeCYZ{color:var(--6cbd80)}.Color--color-magenta-500__6OgW9{color:var(--5893e7)}";
-var styles = {__id:"/home/runner/work/design-system/design-system/packages/web-core/src/color/module-color/style/index.module.less",__css:css_248z,"Color--color-white":"Color--color-white__x8ZNj","Color--color-gray-100":"Color--color-gray-100__9wmEr","Color--color-gray-200":"Color--color-gray-200__j31DE","Color--color-gray-300":"Color--color-gray-300__JU2Iu","Color--color-gray-400":"Color--color-gray-400__2W5qt","Color--color-gray-500":"Color--color-gray-500__zVSrd","Color--color-gray-600":"Color--color-gray-600__8I1Tq","Color--color-teal-100":"Color--color-teal-100__RspmS","Color--color-teal-200":"Color--color-teal-200__vV9F9","Color--color-teal-300":"Color--color-teal-300__POqU4","Color--color-teal-400":"Color--color-teal-400__iAlkG","Color--color-teal-500":"Color--color-teal-500__YwesG","Color--color-green-100":"Color--color-green-100__zv3ud","Color--color-green-200":"Color--color-green-200__cejFK","Color--color-green-300":"Color--color-green-300__ExaBn","Color--color-green-400":"Color--color-green-400__UYnyW","Color--color-green-500":"Color--color-green-500__wsA9j","Color--color-yellow-100":"Color--color-yellow-100__HLJXS","Color--color-yellow-200":"Color--color-yellow-200__d8yN7","Color--color-yellow-300":"Color--color-yellow-300__CVySa","Color--color-yellow-400":"Color--color-yellow-400__kgzPd","Color--color-yellow-500":"Color--color-yellow-500__-O9qT","Color--color-red-100":"Color--color-red-100__NX32A","Color--color-red-200":"Color--color-red-200__yB82q","Color--color-red-300":"Color--color-red-300__HMfFD","Color--color-red-400":"Color--color-red-400__vAaAs","Color--color-red-500":"Color--color-red-500__SOm1-","Color--color-blue-100":"Color--color-blue-100__odKFC","Color--color-blue-200":"Color--color-blue-200__if6Vc","Color--color-blue-300":"Color--color-blue-300__Z7YaE","Color--color-blue-400":"Color--color-blue-400__CDD39","Color--color-blue-500":"Color--color-blue-500__sJpqW","Color--color-magenta-100":"Color--color-magenta-100__mmhM1","Color--color-magenta-200":"Color--color-magenta-200__fQbgv","Color--color-magenta-300":"Color--color-magenta-300__fezFX","Color--color-magenta-400":"Color--color-magenta-400__NeCYZ","Color--color-magenta-500":"Color--color-magenta-500__6OgW9"};
-var stylesheet=css_248z;
-styleInject(css_248z);
-
-export { styles as default, stylesheet };
-

package/dist/color/module-color/style/mixins.less

@@ -1,11 +0,0 @@
-@import '../../../generated/tokens.less';
-@import '../../../generated/options.less';
-
-.colors() {
-    each(@COLOR_NAME_OPTIONS, {
-        &--color-@{value} {
-            @token-name: 'root-palette-@{value}';
-            color: @@token-name;
-        }
-    });
-}

package/dist/color/module-color/style/mixins.less.js

@@ -1,8 +0,0 @@
-import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
-
-var css_248z = "";
-var stylesheet="";
-styleInject(css_248z);
-
-export { css_248z as default, stylesheet };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmxlc3MuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==

package/dist/color-scheme/styles/mixins.less

@@ -1,11 +0,0 @@
-@import '../../generated/tokens.less';
-@import '../../generated/options.less';
-
-.color-schemes() {
-    each(@COLOR_SCHEME_OPTIONS, #(@scheme) {
-        &--scheme-@{scheme} {
-            color: @scheme-color;
-            background-color: @scheme-bgColor
-        }
-    });
-}

package/dist/color-scheme/styles/mixins.less.js

@@ -1,8 +0,0 @@
-import styleInject from '../../external/style-inject/dist/style-inject.es.js';
-
-var css_248z = "";
-var stylesheet="";
-styleInject(css_248z);
-
-export { css_248z as default, stylesheet };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWl4aW5zLmxlc3MuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OzsifQ==