@loadsmart/loadsmart-ui 5.16.0 → 5.17.0

package/dist/testing/renderWithDragDropFileProvider/renderWithDragDropFileProvider.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import type { RenderResult } from '@testing-library/react';
 import type { DragDropFileContextValue } from '../../components/DragDropFile/types';
-declare const renderWithDragDropFileProvider: (ui: ReactNode, customContext?: Partial<DragDropFileContextValue> | undefined) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+declare const renderWithDragDropFileProvider: (ui: ReactNode, customContext?: Partial<DragDropFileContextValue> | undefined) => RenderResult;
 export default renderWithDragDropFileProvider;

package/dist/theming/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theming/index.ts"],"sourcesContent":["import { isFunction } from '@loadsmart/utils-function'\n\nimport type { ThemeProps } from 'styled-components'\nimport type ThemeAlice from './themes/alice.theme'\n\nexport type ThemeToken = keyof typeof ThemeAlice\nexport type ThemeTokenValue = string | number\n\nexport type CustomTheme = Record<ThemeToken, ThemeTokenValue>\nexport type ThemedProps = ThemeProps<CustomTheme>\n\ntype TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken)\n\nfunction getTokenFromTheme<P extends ThemedProps>(token: TokenLike<P>, props: P): ThemeTokenValue {\n  const tokenName = isFunction(token) ? token(props) : token\n  return props.theme[tokenName]\n}\n\n/**\n * Return a design token value for the current theme.\n * @param {string} token - Token whose value should be returned.\n * @param {[ThemedStyledProps]} props - Component props.\n * @returns {ThemeTokenValue} Token value or `undefined` if the token was not found for the current theme.\n */\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>\n): (props: TProps) => ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>,\n  props: TProps\n): ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(token: any, props?: any): any {\n  if (props === undefined) {\n    return (props: TProps) => getTokenFromTheme(token, props)\n  }\n\n  return getTokenFromTheme(token, props)\n}\n\nexport * as Themes from './themes'\n"],"names":["getTokenFromTheme","token","props","tokenName","isFunction","theme","undefined"],"mappings":"8QAaA,SAASA,EAAyCC,EAAqBC,GACrE,MAAMC,EAAYC,aAAWH,GAASA,EAAMC,GAASD,EACrD,OAAOC,EAAMG,MAAMF,8CAkBgCF,EAAYC,GAC/D,YAAcI,IAAVJ,EACMA,GAAkBF,EAAkBC,EAAOC,GAG9CF,EAAkBC,EAAOC"}
+{"version":3,"file":"index.js","sources":["../../src/theming/index.ts"],"sourcesContent":["import { isFunction } from '@loadsmart/utils-function'\n\nimport type { ThemeProps } from 'styled-components'\nimport type ThemeAlice from './themes/alice.theme'\n\nexport type ThemeToken = keyof typeof ThemeAlice\nexport type ThemeTokenValue = string | number\n\nexport type CustomTheme = Record<ThemeToken, ThemeTokenValue>\nexport type ThemedProps = ThemeProps<CustomTheme>\n\ntype TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken)\n\nfunction getTokenFromTheme<P extends ThemedProps>(token: TokenLike<P>, props: P): ThemeTokenValue {\n  const tokenName = isFunction(token) ? token(props) : token\n  return props.theme[tokenName]\n}\n\n/**\n * Return a design token value for the current theme.\n * @param {string} token - Token whose value should be returned.\n * @param {[ThemedStyledProps]} props - Component props.\n * @returns {ThemeTokenValue} Token value or `undefined` if the token was not found for the current theme.\n */\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>\n): (props: TProps) => ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(\n  token: TokenLike<TProps>,\n  props: TProps\n): ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(token: any, props?: any): any {\n  if (props === undefined) {\n    return (props: TProps) => getTokenFromTheme(token, props)\n  }\n\n  return getTokenFromTheme(token, props)\n}\n\nexport * as Themes from './themes'\n"],"names":["getTokenFromTheme","token","props","tokenName","isFunction","theme","undefined"],"mappings":"8QAaA,SAASA,EAAyCC,EAAqBC,GACrE,MAAMC,EAAYC,EAAAA,WAAWH,GAASA,EAAMC,GAASD,EACrD,OAAOC,EAAMG,MAAMF,EACrB,mCAiBgB,SAAqCF,EAAYC,GAC/D,YAAcI,IAAVJ,EACMA,GAAkBF,EAAkBC,EAAOC,GAG9CF,EAAkBC,EAAOC,EAClC"}

package/dist/toArray-b56541b4.js.map

@@ -1 +1 @@
-{"version":3,"file":"toArray-b56541b4.js","sources":["../node_modules/@loadsmart/utils-object/lib/isNil.js","../node_modules/@loadsmart/utils-object/lib/isObject.js","../node_modules/@loadsmart/utils-object/lib/index.js","../src/utils/toolset/toArray.ts"],"sourcesContent":["'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nfunction isNil(value) {\n  return value == null\n}\nexports.default = isNil\n//# sourceMappingURL=isNil.js.map\n","'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nvar isNil_1 = require('./isNil')\nfunction isObject(value) {\n  var type = typeof value\n  return !isNil_1.default(value) && ['object', 'function'].includes(type)\n}\nexports.default = isObject\n//# sourceMappingURL=isObject.js.map\n","'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nexports.isObject = exports.isNil = void 0\nvar isNil_1 = require('./isNil')\nexports.isNil = isNil_1.default\nvar isObject_1 = require('./isObject')\nexports.isObject = isObject_1.default\n//# sourceMappingURL=index.js.map\n","import { isNil } from '@loadsmart/utils-object'\n\n// TODO: add this helper to @loadsmart/utils\nfunction toArray<T>(value: T | T[]): T[] {\n  if (isNil(value)) {\n    return []\n  }\n\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  return [value]\n}\n\nexport default toArray\n"],"names":["Object","defineProperty","isNil_1","value","isObject_1","require$$0","type","default","includes","lib","isNil","require$$1","isObject","Array","isArray"],"mappings":"2BACAA,OAAOC,eAAeC,EAAS,aAAc,CAAEC,OAAO,cACtD,SAAeA,GACb,OAAgB,MAATA,YCFTH,OAAOC,eAAeG,EAAS,aAAc,CAAED,OAAO,IACtD,IAAID,EAAUG,YACd,SAAkBF,GAChB,IAAIG,SAAcH,EAClB,OAAQD,EAAQK,QAAQJ,IAAU,CAAC,SAAU,YAAYK,SAASF,ICJpEN,OAAOC,eAAeQ,EAAS,aAAc,CAAEN,OAAO,gCACnCO,2BAAgB,EACnC,IAAIR,EAAUG,wBACEH,EAAQK,QACxB,IAAIH,EAAaO,EACjBC,4BAAmBR,EAAWG,wBCH9B,SAAoBJ,GAClB,OAAIO,cAAMP,GACD,GAGLU,MAAMC,QAAQX,GACTA,EAGF,CAACA"}
+{"version":3,"file":"toArray-b56541b4.js","sources":["../node_modules/@loadsmart/utils-object/lib/isNil.js","../node_modules/@loadsmart/utils-object/lib/isObject.js","../node_modules/@loadsmart/utils-object/lib/index.js","../src/utils/toolset/toArray.ts"],"sourcesContent":["'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nfunction isNil(value) {\n  return value == null\n}\nexports.default = isNil\n//# sourceMappingURL=isNil.js.map\n","'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nvar isNil_1 = require('./isNil')\nfunction isObject(value) {\n  var type = typeof value\n  return !isNil_1.default(value) && ['object', 'function'].includes(type)\n}\nexports.default = isObject\n//# sourceMappingURL=isObject.js.map\n","'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nexports.isObject = exports.isNil = void 0\nvar isNil_1 = require('./isNil')\nexports.isNil = isNil_1.default\nvar isObject_1 = require('./isObject')\nexports.isObject = isObject_1.default\n//# sourceMappingURL=index.js.map\n","import { isNil } from '@loadsmart/utils-object'\n\n// TODO: add this helper to @loadsmart/utils\nfunction toArray<T>(value: T | T[]): T[] {\n  if (isNil(value)) {\n    return []\n  }\n\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  return [value]\n}\n\nexport default toArray\n"],"names":["Object","defineProperty","isNil_1","value","default","isObject_1","require$$0","type","includes","lib","isObject","isNil","require$$1","Array","isArray"],"mappings":"2BACAA,OAAOC,eAAeC,EAAS,aAAc,CAAEC,OAAO,IAItDD,EAAAE,QAHA,SAAeD,GACb,OAAgB,MAATA,CACT,WCHAH,OAAOC,eAAeI,EAAS,aAAc,CAAEF,OAAO,IACtD,IAAID,EAAUI,EAKdD,EAAAD,QAJA,SAAkBD,GAChB,IAAII,SAAcJ,EAClB,OAAQD,EAAQE,QAAQD,IAAU,CAAC,SAAU,YAAYK,SAASD,EACpE,ECLAP,OAAOC,eAAeQ,EAAS,aAAc,CAAEN,OAAO,IACtDO,QAAAA,SAAAD,EAAAC,SAAmBC,QAAAA,MAAAF,EAAAE,WAAgB,EACnC,IAAIT,EAAUI,EACDK,QAAAA,MAAAF,EAAAE,MAAGT,EAAQE,QACxB,IAAIC,EAAaO,EACjBF,QAAAA,SAAgBD,EAAAC,SAAGL,EAAWD,wBCH9B,SAAoBD,GAClB,OAAIQ,QAAAA,MAAMR,GACD,GAGLU,MAAMC,QAAQX,GACTA,EAGF,CAACA,EACV"}

package/dist/utils/toolset/getOrdinalSuffix.d.ts

@@ -0,0 +1 @@
+export declare const getOrdinalSuffix: (number: number) => 'st' | 'nd' | 'rd' | 'th';

package/dist/utils/toolset/highlightMatch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * A function that wraps a match into `mark` element to be highlighted.
  * @example

package/package.json

@@ -1,209 +1,220 @@
 {
-  "name": "@loadsmart/loadsmart-ui",
-  "version": "5.16.0",
-  "description": "Miranda UI, a React UI library",
-  "main": "dist",
-  "files": [
-    "src",
-    "dist",
-    "README.md"
-  ],
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "start": "yarn dev",
-    "dev": "npm-run-all --parallel watch-tailwind storybook",
-    "lint": "eslint --ext .js,.ts,.tsx src/",
-    "test": "TZ=UTC jest --clearMocks",
-    "test-watch": "yarn test --watch",
-    "storybook": "start-storybook -p 6006 -s ./public --no-dll",
-    "build": "rollup -c --environment BUILD:prod",
-    "watch-tailwind": "postcss ./tailwind.css -o ./.storybook/globals.css --watch",
-    "build-storybook": "rm -rf docs && build-storybook -s ./public -o ./docs --no-dll",
-    "deploy-storybook": "yarn build-storybook && storybook-to-ghpages --existing-output-dir=docs",
-    "release": "semantic-release",
-    "prepare": "husky install"
-  },
-  "storybook-deployer": {
-    "commitMessage": "chore(docs): deploy storybook to GitHub pages [skip ci]"
-  },
-  "jest": {
-    "globals": {
-      "window": true
-    },
-    "verbose": true,
-    "coverageDirectory": "./coverage/",
-    "collectCoverage": false,
-    "setupFiles": [
-      "./tests/jestsetup.tsx"
-    ],
-    "collectCoverageFrom": [
-      "src/components/**/*.{js,tsx}",
-      "!src/**/**/*.test.{js,tsx}"
-    ],
-    "coverageReporters": [
-      "text",
-      "lcov"
-    ],
-    "moduleDirectories": [
-      "node_modules",
-      "src"
-    ],
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js",
-      "json"
-    ],
-    "testMatch": [
-      "**/__tests__/**/*.[jt]s?(x)",
-      "**/?(*.)+(jest|test).[jt]s?(x)"
-    ]
-  },
-  "lint-staged": {
-    "src/**/*.{js,ts,jsx,tsx,json}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "src/{common,components,styles}/**/*.{js,ts,jsx,tsx}": [
-      "eslint --fix",
-      "prettier --write",
-      "stylelint --fix"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "7.13.16",
-    "@babel/core": "7.14.0",
-    "@babel/preset-env": "7.14.1",
-    "@babel/preset-react": "7.13.13",
-    "@babel/preset-typescript": "7.13.0",
-    "@commitlint/cli": "16.0.2",
-    "@commitlint/config-conventional": "16.0.0",
-    "@loadsmart/miranda-tokens": "1.3.0",
-    "@loadsmart/stylelint-config": "0.0.3",
-    "@rollup/plugin-babel": "5.3.0",
-    "@rollup/plugin-commonjs": "19.0.0",
-    "@rollup/plugin-json": "4.1.0",
-    "@rollup/plugin-node-resolve": "13.0.0",
-    "@semantic-release/git": "9.0.0",
-    "@storybook/addon-a11y": "6.4.22",
-    "@storybook/addon-actions": "6.4.22",
-    "@storybook/addon-essentials": "6.4.22",
-    "@storybook/addon-links": "6.4.22",
-    "@storybook/cli": "6.4.22",
-    "@storybook/react": "6.4.22",
-    "@storybook/storybook-deployer": "2.8.11",
-    "@storybook/testing-react": "1.2.4",
-    "@storybook/theming": "6.4.22",
-    "@svgr/rollup": "5.5.0",
-    "@svgr/webpack": "5.5.0",
-    "@tailwindcss/postcss7-compat": "2.1.2",
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "^11.2.7",
-    "@testing-library/react-hooks": "^5.1.3",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/chance": "1.1.1",
-    "@types/jest": "26.0.23",
-    "@types/lodash.debounce": "4.0.6",
-    "@types/lodash.flatten": "4.4.6",
-    "@types/lodash.get": "4.4.6",
-    "@types/lodash.isempty": "4.4.6",
-    "@types/lodash.omit": "4.5.6",
-    "@types/lodash.range": "3.2.6",
-    "@types/mdx": "^2.0.2",
-    "@types/react": "17.0.5",
-    "@types/react-dom": "17.0.3",
-    "@types/react-test-renderer": "17.0.1",
-    "@types/styled-components": "5.1.9",
-    "@typescript-eslint/eslint-plugin": "4.22.1",
-    "@typescript-eslint/parser": "4.22.1",
-    "@zerollup/ts-transform-paths": "1.7.18",
-    "autoprefixer": "9",
-    "babel-jest": "26.6.3",
-    "babel-loader": "8.2.2",
-    "babel-plugin-react-remove-properties": "0.3.0",
-    "babel-plugin-styled-components": "1.12.0",
-    "babel-plugin-transform-inline-environment-variables": "0.4.3",
-    "babel-preset-react-app": "10.0.0",
-    "chance": "1.1.8",
-    "commitizen": "4.2.4",
-    "cross-env": "7.0.3",
-    "cz-conventional-changelog": "3.3.0",
-    "eslint": "7.26.0",
-    "eslint-config-prettier": "8.3.0",
-    "eslint-plugin-jest-dom": "3.8.1",
-    "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-prettier": "3.4.0",
-    "eslint-plugin-react": "7.23.2",
-    "eslint-plugin-react-hooks": "4.2.0",
-    "eslint-plugin-storybook": "^0.5.11",
-    "eslint-plugin-testing-library": "^5.9.1",
-    "fork-ts-checker-webpack-plugin": "6.2.6",
-    "husky": "7.0.4",
-    "identity-obj-proxy": "3.0.0",
-    "jest": "26.6.3",
-    "jest-svg-transformer": "1.0.0",
-    "lint-staged": "11.0.0",
-    "npm-run-all": "4.1.5",
-    "postcss": "7",
-    "postcss-cli": "7",
-    "prettier": "2.2.1",
-    "prop-types": "15.7.2",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-is": "17.0.2",
-    "rollup": "2.47.0",
-    "rollup-plugin-delete": "2.0.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "0.30.0",
-    "rollup-plugin-visualizer": "^5.5.2",
-    "semantic-release": "17.4.2",
-    "styled-components": "5.3.0",
-    "stylelint": "13.13.1",
-    "stylelint-config-prettier": "8.0.2",
-    "stylelint-config-rational-order": "0.1.2",
-    "stylelint-config-recommended": "5.0.0",
-    "stylelint-no-unsupported-browser-features": "5.0.1",
-    "stylelint-order": "4.1.0",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
-    "ts-jest": "26.5.6",
-    "ts-toolbelt": "^9.6.0",
-    "ttypescript": "^1.5.13",
-    "typescript": "4.2.4",
-    "typescript-plugin-styled-components": "1.5.0"
-  },
-  "peerDependencies": {
-    "@loadsmart/miranda-tokens": "1.3.0",
-    "@testing-library/dom": ">=5.12.0",
-    "@testing-library/react": ">=11.2.6",
-    "prop-types": ">=15.7.2",
-    "react-dom": ">=16.8.0",
-    "react": ">=16.8.0",
-    "styled-components": ">=5.3.0"
-  },
-  "dependencies": {
-    "@loadsmart/utils-function": "0.3.1",
-    "@loadsmart/utils-object": "0.3.1",
-    "@loadsmart/utils-string": "0.3.1",
-    "clsx": "1.1.1",
-    "lodash.debounce": "4.0.8",
-    "lodash.flatten": "4.4.0",
-    "lodash.get": "4.4.2",
-    "lodash.isempty": "4.4.0",
-    "lodash.omit": "4.5.0",
-    "lodash.range": "3.2.0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/loadsmart/miranda.git"
-  },
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
-  }
+	"name": "@loadsmart/loadsmart-ui",
+	"version": "5.17.0",
+	"description": "Miranda UI, a React UI library",
+	"main": "dist",
+	"files": [
+		"src",
+		"dist",
+		"README.md"
+	],
+	"types": "dist/index.d.ts",
+	"scripts": {
+		"start": "yarn dev",
+		"dev": "npm-run-all --parallel watch-tailwind storybook",
+		"lint": "eslint --ext .js,.ts,.tsx src/",
+		"test": "TZ=UTC jest --clearMocks",
+		"test-watch": "yarn test --watch",
+		"storybook": "start-storybook -p 6006 --no-dll",
+		"build": "rollup -c --environment BUILD:prod",
+		"watch-tailwind": "postcss ./tailwind.css -o ./.storybook/globals.css --watch",
+		"build-storybook": "rm -rf docs && build-storybook -o ./docs --no-dll",
+		"deploy-storybook": "yarn build-storybook && storybook-to-ghpages --existing-output-dir=docs",
+		"release": "semantic-release",
+		"prepare": "husky install"
+	},
+	"storybook-deployer": {
+		"commitMessage": "chore(docs): deploy storybook to GitHub pages [skip ci]"
+	},
+	"jest": {
+		"globals": {
+			"window": true
+		},
+		"verbose": true,
+		"coverageDirectory": "./coverage/",
+		"collectCoverage": false,
+		"setupFiles": [
+			"./tests/jestsetup.tsx"
+		],
+		"collectCoverageFrom": [
+			"src/components/**/*.{js,tsx}",
+			"!src/**/**/*.test.{js,tsx}"
+		],
+		"coverageReporters": [
+			"text",
+			"lcov"
+		],
+		"moduleDirectories": [
+			"node_modules",
+			"src"
+		],
+		"moduleFileExtensions": [
+			"ts",
+			"tsx",
+			"js",
+			"json"
+		],
+		"testMatch": [
+			"**/__tests__/**/*.[jt]s?(x)",
+			"**/?(*.)+(jest|test).[jt]s?(x)"
+		]
+	},
+	"lint-staged": {
+		"src/**/*.{js,ts,jsx,tsx,json}": [
+			"eslint --fix",
+			"prettier --write"
+		],
+		"src/{common,components,styles}/**/*.{js,ts,jsx,tsx}": [
+			"eslint --fix",
+			"prettier --write",
+			"stylelint --fix"
+		]
+	},
+	"devDependencies": {
+		"@babel/cli": "7.13.16",
+		"@babel/core": "7.14.0",
+		"@babel/preset-env": "7.14.1",
+		"@babel/preset-react": "7.13.13",
+		"@babel/preset-typescript": "7.13.0",
+		"@commitlint/cli": "16.0.2",
+		"@commitlint/config-conventional": "16.0.0",
+		"@loadsmart/miranda-tokens": "1.3.0",
+		"@loadsmart/stylelint-config": "0.0.3",
+		"@rollup/plugin-babel": "5.3.0",
+		"@rollup/plugin-commonjs": "19.0.0",
+		"@rollup/plugin-json": "4.1.0",
+		"@rollup/plugin-node-resolve": "13.0.0",
+		"@semantic-release/git": "9.0.0",
+		"@storybook/addon-a11y": "^6.5.15",
+		"@storybook/addon-actions": "^6.5.15",
+		"@storybook/addon-essentials": "^6.5.15",
+		"@storybook/addon-links": "^6.5.15",
+		"@storybook/addon-postcss": "^2.0.0",
+		"@storybook/addons": "^6.5.15",
+		"@storybook/builder-webpack5": "^6.5.15",
+		"@storybook/cli": "^6.5.15",
+		"@storybook/client-api": "^6.5.15",
+		"@storybook/manager-webpack5": "^6.5.15",
+		"@storybook/preview-web": "^6.5.15",
+		"@storybook/react": "^6.5.15",
+		"@storybook/storybook-deployer": "^2.8.16",
+		"@storybook/testing-react": "^1.3.0",
+		"@storybook/theming": "^6.5.15",
+		"@svgr/rollup": "^6.5.1",
+		"@svgr/webpack": "^6.5.1",
+		"@tailwindcss/postcss7-compat": "2.1.2",
+		"@testing-library/dom": "^8.20.0",
+		"@testing-library/jest-dom": "5.16.5",
+		"@testing-library/react": "^11.2.7",
+		"@testing-library/react-hooks": "^5.1.3",
+		"@testing-library/user-event": "^13.5.0",
+		"@types/chance": "1.1.1",
+		"@types/jest": "26.0.23",
+		"@types/lodash.debounce": "4.0.6",
+		"@types/lodash.flatten": "4.4.6",
+		"@types/lodash.get": "4.4.6",
+		"@types/lodash.isempty": "4.4.6",
+		"@types/lodash.omit": "4.5.6",
+		"@types/lodash.range": "3.2.6",
+		"@types/mdx": "^2.0.2",
+		"@types/node": "^18.11.18",
+		"@types/react": "17.0.5",
+		"@types/react-dom": "17.0.3",
+		"@types/react-test-renderer": "17.0.1",
+		"@types/styled-components": "5.1.9",
+		"@typescript-eslint/eslint-plugin": "4.22.1",
+		"@typescript-eslint/parser": "4.22.1",
+		"@zerollup/ts-transform-paths": "1.7.18",
+		"autoprefixer": "9",
+		"babel-jest": "26.6.3",
+		"babel-loader": "8.2.2",
+		"babel-plugin-react-remove-properties": "0.3.0",
+		"babel-plugin-styled-components": "1.12.0",
+		"babel-plugin-transform-inline-environment-variables": "0.4.3",
+		"babel-preset-react-app": "10.0.0",
+		"chance": "1.1.8",
+		"commitizen": "4.2.4",
+		"cross-env": "7.0.3",
+		"cz-conventional-changelog": "3.3.0",
+		"eslint": "7.26.0",
+		"eslint-config-prettier": "8.3.0",
+		"eslint-plugin-jest-dom": "3.8.1",
+		"eslint-plugin-jsx-a11y": "6.4.1",
+		"eslint-plugin-prettier": "3.4.0",
+		"eslint-plugin-react": "7.23.2",
+		"eslint-plugin-react-hooks": "4.2.0",
+		"eslint-plugin-storybook": "^0.6.10",
+		"eslint-plugin-testing-library": "^5.9.1",
+		"husky": "7.0.4",
+		"identity-obj-proxy": "3.0.0",
+		"jest": "26.6.3",
+		"jest-svg-transformer": "1.0.0",
+		"lint-staged": "11.0.0",
+		"npm-run-all": "4.1.5",
+		"postcss": "^7.0.39",
+		"postcss-cli": "^7.1.2",
+		"prettier": "2.2.1",
+		"prop-types": "15.7.2",
+		"react": "17.0.2",
+		"react-dom": "17.0.2",
+		"react-is": "17.0.2",
+		"react-syntax-highlighter": "^15.5.0",
+		"require-from-string": "^2.0.2",
+		"rollup": "^2.79.1",
+		"rollup-plugin-delete": "2.0.0",
+		"rollup-plugin-peer-deps-external": "^2.2.4",
+		"rollup-plugin-terser": "^7.0.2",
+		"rollup-plugin-typescript2": "^0.34.1",
+		"rollup-plugin-visualizer": "^5.5.2",
+		"semantic-release": "17.4.2",
+		"styled-components": "5.3.0",
+		"stylelint": "13.13.1",
+		"stylelint-config-prettier": "8.0.2",
+		"stylelint-config-rational-order": "0.1.2",
+		"stylelint-config-recommended": "5.0.0",
+		"stylelint-no-unsupported-browser-features": "5.0.1",
+		"stylelint-order": "4.1.0",
+		"tailwindcss": "npm:@tailwindcss/postcss7-compat",
+		"ts-jest": "26.5.6",
+		"ts-node": "^10.9.1",
+		"ts-toolbelt": "^9.6.0",
+		"ttypescript": "^1.5.13",
+		"typescript": "4.4.4",
+		"typescript-plugin-styled-components": "1.5.0",
+		"webpack": "^5.75.0"
+	},
+	"peerDependencies": {
+		"@loadsmart/miranda-tokens": "1.3.0",
+		"@testing-library/dom": ">=5.12.0",
+		"@testing-library/react": ">=11.2.6",
+		"prop-types": ">=15.7.2",
+		"react": ">=16.8.0",
+		"react-dom": ">=16.8.0",
+		"styled-components": ">=5.3.0"
+	},
+	"dependencies": {
+		"@loadsmart/utils-function": "0.3.1",
+		"@loadsmart/utils-object": "0.3.1",
+		"@loadsmart/utils-string": "0.3.1",
+		"clsx": "1.1.1",
+		"lodash.debounce": "4.0.8",
+		"lodash.flatten": "4.4.0",
+		"lodash.get": "4.4.2",
+		"lodash.isempty": "4.4.0",
+		"lodash.omit": "4.5.0",
+		"lodash.range": "3.2.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/loadsmart/miranda.git"
+	},
+	"license": "MIT",
+	"publishConfig": {
+		"access": "public"
+	},
+	"config": {
+		"commitizen": {
+			"path": "./node_modules/cz-conventional-changelog"
+		}
+	}
 }

package/src/components/Calendar/DateFormat.helper.test.ts

@@ -134,5 +134,32 @@ describe('DateFormatHelper', () => {
         )
       ).toBe('02/01/2022 11:22:33')
     })
+
+    it('formats compound tokens', () => {
+      expect(
+        DateFormatHelper('ddd, Do, MMM').format(
+          DateHelper('2021-05-04T04:00:00Z', {
+            normalize: false,
+          })
+        )
+      ).toBe('Tue, 4th, May')
+      expect(
+        DateFormatHelper('ddd, DDo, MMM').format(
+          DateHelper('2021-05-05T04:00:00Z', {
+            normalize: false,
+          })
+        )
+      ).toBe('Wed, 05th, May')
+    })
+
+    it('does not formats a compound token when the previous token is invalid', () => {
+      expect(
+        DateFormatHelper('ddd, YYYYo, MMM').format(
+          DateHelper('2021-05-10T04:00:00Z', {
+            normalize: false,
+          })
+        )
+      ).toBe('Mon, 2021o, May')
+    })
   })
 })