@alphakits/ui 1.31.5 → 2.0.1

package/package.json

@@ -1,23 +1,28 @@
 {
     "name": "@alphakits/ui",
-    "version": "1.31.5",
+    "version": "2.0.1",
     "files": [
         "dist"
     ],
-    "main": "dist",
+    "type": "module",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "sideEffects": [
+        "**/*.css"
+    ],
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
     "scripts": {
         "build:clean": "rm -rf dist",
-        "build:ts": "tsc --project tsconfig.build.json",
-        "build:copy-resources": "yarn copyfiles -e \"**/*.{[jt]s*(x),mdx,snap}\" -e \"**/stories.module.css\" -u 1 \"src/**/*\" dist",
-        "build:copy-package-json": "cp package.json dist/package.json",
-        "build:demo": "build-storybook -c .storybook -o storybook-static",
-        "build": "yarn build:clean && rollup -c && node tools/transform.js",
-        "test": "react-scripts test --env=jest-environment-jsdom-sixteen",
-        "start": "start-storybook -p 9009 -c .storybook --no-manager-cache",
+        "build:index": "node tools/generate-index.cjs",
+        "build:js": "vite build",
+        "build:vars": "node tools/build-vars.cjs",
+        "build": "yarn build:clean && yarn build:index && yarn build:js && yarn build:vars",
+        "test": "echo \"no tests\"",
+        "start": "vite",
         "lint:css": "stylelint ./src/**/*.css",
         "lint:scripts": "eslint \"**/*.{js,jsx,ts,tsx}\" --ext .js,.jsx,.ts,.tsx",
         "lint": "yarn lint:css && yarn lint:scripts",
@@ -39,11 +44,9 @@
         "classnames": "^2.2.6",
         "downshift": "5.4.7",
         "element-closest": "^3.0.2",
-        "globby": "^11.0.3",
         "intersection-observer": "^0.12.0",
         "intl-tel-input": "^17.0.19",
-        "lodash": "4.17.21",
-        "postcss": "7.0.39",
+        "lodash": "^4.17.21",
         "query-string": "^7.0.1",
         "react-images-viewer": "^1.7.1",
         "react-merge-refs": "1.1.0",
@@ -64,15 +67,8 @@
     },
     "devDependencies": {
         "@alphakits/icons": "1.25.0",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
-        "@babel/plugin-proposal-optional-chaining": "7.21.0",
-        "@babel/preset-env": "^7.14.0",
-        "@babel/preset-typescript": "7.8.3",
         "@commitlint/cli": "8.3.5",
         "@commitlint/config-conventional": "8.3.4",
-        "@rollup/plugin-commonjs": "^18.0.0",
-        "@rollup/plugin-json": "^4.1.0",
-        "@rollup/plugin-node-resolve": "^11.2.1",
         "@semantic-release/git": "^10.0.0",
         "@semantic-release/gitlab": "^7.0.3",
         "@semantic-release/npm": "^8.0.2",
@@ -96,7 +92,7 @@
         "@types/element-closest": "^3.0.0",
         "@types/jest": "^25.1.4",
         "@types/lodash": "^4.14.173",
-        "@types/node": "^13.9.1",
+        "@types/node": "^20.0.0",
         "@types/react": "16.9.23",
         "@types/react-dom": "16.9.5",
         "@types/react-node-resolver": "^2.0.0",
@@ -105,16 +101,10 @@
         "@types/uuid": "8.3.0",
         "@typescript-eslint/eslint-plugin": "^4.4.0",
         "@typescript-eslint/parser": "^4.4.0",
-        "@wessberg/rollup-plugin-ts": "^1.3.6",
+        "@vitejs/plugin-react-swc": "^3.7.2",
         "alphakit-presets-lint": "1.0.0",
-        "babel-jest": "^26.6.3",
-        "babel-preset-env": "^1.7.0",
         "conventional-changelog-cli": "2.0.31",
-        "copyfiles": "2.2.0",
-        "core-js": "^3.20.0",
-        "css-loader": "4.2.2",
         "cz-conventional-changelog": "3.1.0",
-        "date-fns": "2.19.0",
         "eslint": "^7.7.0",
         "eslint-config-airbnb": "^18.2.0",
         "eslint-config-airbnb-typescript": "^9.0.0",
@@ -128,22 +118,17 @@
         "eslint-plugin-react-hooks": "^4.1.0",
         "eslint-plugin-simple-import-sort": "^5.0.3",
         "eslint-plugin-unicorn": "^32.0.1",
-        "fork-ts-checker-webpack-plugin": "^4.1.0",
         "formik": "2.2.9",
-        "globby": "^11.0.3",
+        "glob": "^10.4.5",
         "husky": "^4.2.5",
-        "jest-environment-jsdom-sixteen": "1.0.3",
         "lint-staged": "^10.2.13",
-        "mini-css-extract-plugin": "0.9.0",
-        "optimize-css-assets-webpack-plugin": "5.0.4",
-        "postcss": "7.0.39",
-        "postcss-css-variables": "^0.19.0",
-        "postcss-custom-media": "^7.0.8",
-        "postcss-each": "^0.10.0",
+        "postcss": "^8.4.47",
+        "postcss-custom-media": "^10.0.0",
+        "postcss-each": "^1.1.0",
         "postcss-for": "^2.1.1",
-        "postcss-import": "12.0.1",
-        "postcss-mixins": "6.2.3",
-        "postcss-preset-env": "6.7.0",
+        "postcss-import": "^16.1.0",
+        "postcss-mixins": "^11.0.3",
+        "postcss-preset-env": "^10.0.0",
         "prettier": "^2.1.1",
         "prettier-eslint": "^11.0.0",
         "prettier-eslint-cli": "^5.0.0",
@@ -151,26 +136,13 @@
         "react-docgen-typescript-loader": "^3.7.1",
         "react-dom": "17.0.2",
         "react-test-renderer": "16.13.0",
-        "rollup": "^2.44.0",
-        "rollup-plugin-babel": "^4.4.0",
-        "rollup-plugin-commonjs": "^10.1.0",
-        "rollup-plugin-copy": "^3.3.0",
-        "rollup-plugin-multi-input": "^1.1.1",
-        "rollup-plugin-node-resolve": "^5.2.0",
-        "rollup-plugin-peer-deps-external": "^2.2.4",
-        "rollup-plugin-postcss": "3.1.8",
-        "rollup-plugin-postcss-modules": "^2.0.2",
-        "rollup-plugin-terser": "^7.0.2",
-        "rollup-plugin-typescript2": "^0.30.0",
-        "rollup-plugin-visualizer": "^5.9.2",
         "semantic-release": "^18.0.0",
         "standard-version": "7.1.0",
-        "string-hash": "^1.1.3",
         "stylelint": "^13.6.1",
-        "ts-loader": "^6.2.1",
         "typescript": "4.2.2",
         "typescript-plugin-css-modules": "2.2.0",
-        "url-loader": "4.1.0"
+        "vite": "^6.0.7",
+        "vite-plugin-dts": "^4.3.0"
     },
     "prettier": "./node_modules/alphakit-presets-lint/prettier.js",
     "eslintConfig": {
@@ -178,7 +150,6 @@
     },
     "peerDependencies": {
         "@alphakits/icons": "1.25.0",
-        "date-fns": "2.19.0",
         "formik": "2.2.9",
         "react": "17.0.2",
         "react-dom": "17.0.2"

package/dist/capitalize-a2c59f12.js

@@ -1 +0,0 @@
-import{_ as r,i as u}from"./isSymbol-94efc119.js";var f=function(r,u){for(var f=-1,n=null==r?0:r.length,t=Array(n);++f<n;)t[f]=u(r[f],f,r);return t},n=Array.isArray,t=1/0,e=r?r.prototype:void 0,o=e?e.toString:void 0;var i=function r(e){if("string"==typeof e)return e;if(n(e))return f(e,r)+"";if(u(e))return o?o.call(e):"";var i=e+"";return"0"==i&&1/e==-t?"-0":i};var a=function(r){return null==r?"":i(r)};var d=function(r,u,f){var n=-1,t=r.length;u<0&&(u=-u>t?0:t+u),(f=f>t?t:f)<0&&(f+=t),t=u>f?0:f-u>>>0,u>>>=0;for(var e=Array(t);++n<t;)e[n]=r[n+u];return e};var c=function(r,u,f){var n=r.length;return f=void 0===f?n:f,!u&&f>=n?r:d(r,u,f)},v=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");var l=function(r){return v.test(r)};var s=function(r){return r.split("")},p="\\ud800-\\udfff",g="["+p+"]",y="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",h="\\ud83c[\\udffb-\\udfff]",A="[^"+p+"]",j="(?:\\ud83c[\\udde6-\\uddff]){2}",m="[\\ud800-\\udbff][\\udc00-\\udfff]",b="(?:"+y+"|"+h+")"+"?",x="[\\ufe0e\\ufe0f]?",C=x+b+("(?:\\u200d(?:"+[A,j,m].join("|")+")"+x+b+")*"),E="(?:"+[A+y+"?",y,j,m,g].join("|")+")",R=RegExp(h+"(?="+h+")|"+E+C,"g");var S=function(r){return r.match(R)||[]};var w=function(r){return l(r)?S(r):s(r)};var L=function(r){return function(u){u=a(u);var f=l(u)?w(u):void 0,n=f?f[0]:u.charAt(0),t=f?c(f,1).join(""):u.slice(1);return n[r]()+t}}("toUpperCase");var U=function(r){return L(a(r).toLowerCase())};export{U as c};

package/dist/colors.module-347c19ce.js

@@ -1 +0,0 @@
-var e={primary:"colors-module_primary__1FAyX","primary-inverted":"colors-module_primary-inverted__2caGq",secondary:"colors-module_secondary__2LcfN","secondary-inverted":"colors-module_secondary-inverted__2CpvO",positive:"colors-module_positive__1qhal",attention:"colors-module_attention__2PYVU",negative:"colors-module_negative__347nP",link:"colors-module_link__KXJMd",disabled:"colors-module_disabled__2JC8D",tertiary:"colors-module_tertiary__1t478","tertiary-inverted":"colors-module_tertiary-inverted__2DjrF",accent:"colors-module_accent__vK51h"};export{e as c};

package/dist/contact-block-32d90469.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-interface ContactBlockProps {
-    title: string;
-    value: string;
-}
-declare const ContactBlock: React.FC<ContactBlockProps>;
-export { ContactBlockProps, ContactBlock };

package/dist/contact-block-32d90469.js

@@ -1 +0,0 @@
-import e from"react";var o={wrapper:"index-module_wrapper__2UVlb",row_wrapper:"index-module_row_wrapper__31DDa",title:"index-module_title__3ggwA",block:"index-module_block__1ecFw",link:"index-module_link__4y3Pw",text:"index-module_text__2WWow",email:"index-module_email__2cKD9",buttons:"index-module_buttons__2ElVi",bottomBlock:"index-module_bottomBlock__2MYNg",contactBlock:"index-module_contactBlock__3DriJ",phone:"index-module_phone__2xBVj"},t=function(t){var _=t.title,l=t.value;return e.createElement("div",{className:o.contactBlock},e.createElement("span",{className:o.text},_),e.createElement("span",{className:o.phone},l))};export{t as C,o as s};

package/dist/gutters.module-9ed4416a.js

@@ -1 +0,0 @@
-var t={row:"gutters-module_row__K864x","gutter-":"gutters-module_gutter-__3Vm69",col:"gutters-module_col__9H9i5"};export{t as g};

package/dist/isSymbol-94efc119.js

@@ -1 +0,0 @@
-var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},e="object"==typeof t&&t&&t.Object===Object&&t,o="object"==typeof self&&self&&self.Object===Object&&self,n=e||o||Function("return this")(),r=n.Symbol,l=Object.prototype,i=l.hasOwnProperty,a=l.toString,c=r?r.toStringTag:void 0;var f=function(t){var e=i.call(t,c),o=t[c];try{t[c]=void 0;var n=!0}catch(t){}var r=a.call(t);return n&&(e?t[c]=o:delete t[c]),r},b=Object.prototype.toString;var u=function(t){return b.call(t)},d="[object Null]",y="[object Undefined]",p=r?r.toStringTag:void 0;var s=function(t){return null==t?void 0===t?y:d:p&&p in Object(t)?f(t):u(t)};var j=function(t){return null!=t&&"object"==typeof t},v="[object Symbol]";var g=function(t){return"symbol"==typeof t||j(t)&&s(t)==v};export{r as _,n as a,g as i};

package/dist/step-bar-6e0ddd46.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-type SteppedProgressBarView = 'positive' | 'negative' | 'attention' | 'link' | 'tertiary' | 'secondary' | 'primary' | 'accent';
-type StepBarProps = {
-    isDone: boolean;
-    view?: SteppedProgressBarView;
-};
-declare const StepBar: FC<StepBarProps>;
-export { SteppedProgressBarView, StepBar };

package/dist/step-bar-6e0ddd46.js

@@ -1 +0,0 @@
-import e,{memo as i}from"react";import n from"classnames";var o={bar:"index-module_bar__3i-yI",positive:"index-module_positive__1Uvu_",attention:"index-module_attention__3oT_6",negative:"index-module_negative__1uEFW",link:"index-module_link__38_JN",tertiary:"index-module_tertiary__2-EFf",secondary:"index-module_secondary__1XSMN",primary:"index-module_primary__3TPf5",accent:"index-module_accent__2XcJ1",component:"index-module_component__3zi96",stepsContainer:"index-module_stepsContainer__3Y3rR",description:"index-module_description__aMTMo"},_=i((function(i){var _=i.isDone,t=i.view,a=void 0===t?"positive":t;return e.createElement("span",{"data-test-id":_?"on":"off",className:n(o.bar,_&&o[a])})}));export{_ as S,o as s};

package/dist/use-image-render-component-9bd646ff.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ComponentSizes, ImageProps } from "./image/types";
-type UseImageRenderComponent = {
-    src?: string;
-    size: ComponentSizes;
-    alt?: string;
-    text?: string;
-    icon?: React.ReactNode;
-    color?: ImageProps['color'];
-};
-declare const useImageRenderComponent: ({ src, size, color, alt, text, icon, }: UseImageRenderComponent) => {};
-export { UseImageRenderComponent, useImageRenderComponent };

package/dist/use-image-render-component-9bd646ff.js

@@ -1 +0,0 @@
-import e,{useRef as o,useEffect as n}from"react";import d from"@alphakits/icons/dist/PhotoM";import t from"@alphakits/icons/dist/PhotoS";import i from"classnames";import{Spinner as _}from"./spinner/component.js";import{Typography as a}from"./typography/component.js";import{textSizes as l}from"./image/types.js";import{getCharsFromText as r}from"./image/utils.js";var m={container:"index-module_container__U7hzJ",component:"index-module_component__2SAxI",border:"index-module_border__3WDzB",addon:"index-module_addon__20ANi",filled:"index-module_filled__3kHB3",default:"index-module_default__9Y9Ry",primary:"index-module_primary__1rcmx",secondary:"index-module_secondary__V683L",thirdly:"index-module_thirdly__2dKDc",positive:"index-module_positive__11E2V",negative:"index-module_negative__ZEP9w",attention:"index-module_attention__1tSkN",accent:"index-module_accent__3qMH5",broken:"index-module_broken__21rqy",image:"index-module_image__ZF1Gv",hint:"index-module_hint__15-ui",hint_text:"index-module_hint_text__2HO_n",textContent:"index-module_textContent__13aze",xs:"index-module_xs__2Es8v",s:"index-module_s__2D4b3",m:"index-module_m__1Rtr9",l:"index-module_l__3oEwm",xl:"index-module_xl__7Y-se",auto:"index-module_auto__1S5ja",xxl:"index-module_xxl__WO-F1",circle:"index-module_circle__rmY6i",ellipse:"index-module_ellipse__20gOm",defs:"index-module_defs__-xTo_",textS:"index-module_textS__2QNNE",textXs:"index-module_textXs__ujJjz",textM:"index-module_textM__3vBUB",textL:"index-module_textL__1u8Yh","addon-positive":"index-module_addon-positive__4HB8Y","addon-negative":"index-module_addon-negative__1u3kq","addon-attention":"index-module_addon-attention__EGA9L","addon-accent":"index-module_addon-accent__2Sh7i","addon-primary":"index-module_addon-primary__3qMfo","addon-secondary":"index-module_addon-secondary__3-AHA","addon-thirdly":"index-module_addon-thirdly__2JtIe"},x={xs:"300x300",s:"300x300",m:"300x300",l:"300x300",xl:"300x300",xxl:"640x640",auto:"640x640"},s=function(s){var u=s.src,c=void 0===u?"":u,p=s.size,f=s.color,v=s.alt,g=s.text,h=s.icon,y=e.useState("loading"),w=y[0],E=y[1],z=o(0),b=function(e){var o=e.src,n=e.size;if((null==o?void 0:o.includes("escapenavigator-images.s3"))&&n){var d=o.split("amazonaws.com/")[1];return"https://d2z3luly8bezbw.cloudfront.net/fit-in/"+x[n]+"/"+d}return o}({src:c,size:p});return n((function(){if(b){z.current=Date.now(),E("loading");var e=new Image;e.src=b,e.onload=function(){E("loaded")},e.onerror=function(){Date.now()-z.current<2e3?setTimeout((function(){e.src=b}),500):E("error")}}else E("error")}),[b,p]),h||("loading"===w?e.createElement(_,{className:m.spinner,size:"s",view:"dark"}):"error"===w&&g?e.createElement(a.Text,{className:i(m.textContent,m[l[p]]),view:"caps",color:f,weight:"bold"},r(g.toUpperCase())):"error"===w?e.createElement(a.Text,{className:m.broken,tag:"div",view:"caps",color:f,weight:"bold"},"xs"===p?e.createElement(t,null):e.createElement(d,null)):e.createElement("img",{className:m.image,src:b,alt:v}))};export{m as s,s as u};

package/dist/vars/alpha-radiuses.css

@@ -1,6 +0,0 @@
-:root {
-    --radius-s: 8px;
-    --radius-m: 12px;
-    --radius-l: 16px;
-    --radius-circle: 50%;
-}

package/dist/vars/gaps.css

@@ -1,29 +0,0 @@
-:root {
-    --gap-2xs: 4px;
-    --gap-xs: 8px;
-    --gap-s: 12px;
-    --gap-m: 16px;
-    --gap-l: 20px;
-    --gap-xl: 24px;
-    --gap-xxl: 28px;
-    --gap-2xl: 32px;
-    --gap-3xl: 40px;
-    --gap-4xl: 48px;
-    --gap-5xl: 64px;
-    --gap-6xl: 72px;
-    --gap-7xl: 96px;
-    --gap-8xl: 128px;
-    --gap-2xs-neg: -4px;
-    --gap-xs-neg: -8px;
-    --gap-s-neg: -12px;
-    --gap-m-neg: -16px;
-    --gap-l-neg: -20px;
-    --gap-xl-neg: -24px;
-    --gap-2xl-neg: -32px;
-    --gap-3xl-neg: -40px;
-    --gap-4xl-neg: -48px;
-    --gap-5xl-neg: -64px;
-    --gap-6xl-neg: -72px;
-    --gap-7xl-neg: -96px;
-    --gap-8xl-neg: -128px;
-}

package/dist/vars/index.css

@@ -1,5 +0,0 @@
-@import './shadows-indigo.css';
-@import './alpha-radiuses.css';
-@import './gaps.css';
-@import './typography.css';
-@import './mixins.css';

package/dist/vars/mixins.css

@@ -1,4 +0,0 @@
-@define-mixin focus-outline {
-    outline: 2px solid var(--focus-color);
-    outline-offset: 2px;
-}

package/dist/vars/typography.css

@@ -1,119 +0,0 @@
-:root {
-    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-}
-
-/* NEW */
-
-@define-mixin headline_xs {
-    font-size: 20px;
-    line-height: 24px;
-    font-weight: 400;
-    font-family: var(--font-family);
-}
-
-@define-mixin headline_xxs {
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 400;
-    font-family: var(--font-family);
-}
-
-@define-mixin headline_s {
-    font-size: 24px;
-    line-height: 32px;
-    font-weight: 400;
-    font-family: var(--font-family);
-}
-
-@define-mixin headline_m {
-    font-size: 32px;
-    line-height: 40px;
-    font-weight: 400;
-    font-family: var(--font-family);
-}
-
-@define-mixin headline_l {
-    font-size: 40px;
-    line-height: 48px;
-    font-weight: 400;
-    font-family: var(--font-family);
-}
-
-@define-mixin headline_xl {
-    font-size: 48px;
-    line-height: 64px;
-    font-weight: 400;
-    font-family: var(--font-family);
-}
-
-@define-mixin title {
-    font-size: 15px;
-    line-height: 20px;
-    font-weight: 500;
-    font-family: var(--font-family);
-}
-
-@define-mixin caption {
-    font-size: 13px;
-    line-height: 20px;
-    font-weight: 500;
-    font-family: var(--font-family);
-}
-
-@define-mixin paragraph_m {
-    font-size: 15px;
-    line-height: 24px;
-    font-weight: 500;
-    font-family: var(--font-family);
-}
-
-@define-mixin paragraph_s {
-    font-size: 13px;
-    line-height: 24px;
-    font-weight: 500;
-    font-family: var(--font-family);
-}
-
-@define-mixin paragraph_xs {
-    font-size: 11px;
-    line-height: 13px;
-    font-weight: 500;
-    font-family: var(--font-family);
-}
-
-@define-mixin system_16-20_regular {
-    font-size: 16px !important;
-    line-height: 20px;
-    font-weight: 400;
-    font-family: var(--font-family);
-}
-
-@define-mixin system_12-16_medium_caps {
-    font-size: 12px;
-    line-height: 16px;
-    font-weight: 500;
-    letter-spacing: 1.5px;
-    text-transform: uppercase;
-    font-family: var(--font-family);
-}
-
-/* @define-mixin accent_secondary_small {
-    font-size: 11px;
-    line-height: 16px;
-    font-weight: 700;
-    font-family: var(--font-family);
-} */
-
-@define-mixin accent_primary_medium {
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 700;
-    font-family: var(--font-family);
-}
-
-@define-mixin paragraph_secondary_medium {
-    font-size: 13px;
-    line-height: 16px;
-    font-weight: 400;
-    font-family: var(--font-family);
-}