@loadsmart/loadsmart-ui 6.0.15 → 6.0.16

package/dist/{prop-82e9ff9d.js.map → prop-201ffe28.js.map}

@@ -1 +1 @@
-{"version":3,"file":"prop-82e9ff9d.js","sources":["../src/tools/conditional.ts","../src/tools/prop.ts"],"sourcesContent":["import { isObject } from '@loadsmart/utils-object'\nimport { isFunction } from '@loadsmart/utils-function'\nimport type { F } from 'ts-toolbelt'\n\nimport { getToken } from 'theming'\nimport type { ThemeToken, ThemedProps } from 'theming'\nimport get from 'utils/toolset/get'\nimport toArray from 'utils/toolset/toArray'\n\ntype WhenProps<K> = K | undefined | ((value: K) => boolean | undefined)\n\nexport type When<P> = {\n  [Key in keyof P]?: WhenProps<P[Key]> | WhenProps<P[Key]>[] | undefined\n}\n\n/**\n * Utility to generate style/class name conditions based on a components props.\n * Expected prop values can be a single value, an array of values or a function/callback.\n * @example\n * ```jsx\n * whenProps({\n *  'prop-a': true, // checks `props['prop-a']` === true`\n *  'prop-b': [1, 2], // checks `toArray([1, 2]).includes(props['prop-b'])`\n *  'prop-c': (value) => value + 1 // checks `Boolean(callback(props['prop-c']))`\n *  'prop-d': Boolean // checks `Boolean(Boolean(props['prop-d']))`\n * })\n * ```\n * @param {...Object} conditions\n * @returns {(props: Object}) => boolean} Returns function that consumes component props.\n */\nexport function whenProps<P>(conditions: When<F.Narrow<P>> | When<F.Narrow<P>>[]) {\n  return function (props: P): boolean {\n    const safeConditions = toArray(conditions)\n\n    let res = false\n\n    for (let i = 0; i < safeConditions.length; i++) {\n      const condition = safeConditions[i]\n      const keys = Object.keys(condition)\n\n      let temp = true\n\n      for (let j = 0; j < keys.length && temp; j++) {\n        const key = keys[j]\n        const propValue = get(props, key) as P[keyof P]\n        const conditionValue = condition[key as keyof typeof condition]\n\n        if (Array.isArray(conditionValue)) {\n          temp = temp && toArray(conditionValue).includes(propValue)\n        } else if (isFunction(conditionValue)) {\n          temp = temp && Boolean(conditionValue(propValue))\n        } else {\n          temp = temp && (conditionValue as unknown) === propValue\n        }\n      }\n\n      res = res || temp\n    }\n\n    return res\n  }\n}\n\ntype ConditionObject<P> = Record<\n  string,\n  string | number | boolean | ((props: P) => boolean) | undefined\n>\n\nfunction handleConditionObject<P>(condition: ConditionObject<P>, props: P): string {\n  const keys = Object.keys(condition || {})\n\n  const res = keys.reduce((acc, key) => {\n    let value = condition[key]\n\n    if (isFunction(value)) {\n      value = value(props)\n    }\n\n    if (value) {\n      const tokenKey = key as ThemeToken\n      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [] as string[])\n\n  return res.join(' ')\n}\n\ntype Condition<P> = number | string | ConditionObject<P> | ((props: P) => string)\n\n/**\n * Concatenate style properties or class names conditionally.\n * Conditions can be functions that consume components props,\n * objects, strings, or numbers (that will be coerced to strings).\n * @example\n * ```jsx\n * conditional(1, 'some-class', {\n *  'class-a': true,\n *  'class-b': (props) => props.showClassB,\n * }, (props) => props.className)\n * ```\n * @param conditions\n * @returns {(props: ThemedProps) => string} Returns function that consumes component props.\n */\nfunction conditional<P>(...conditions: Condition<P>[]) {\n  return function (props: P): string {\n    let classes: string[] = []\n\n    for (let i = 0; i < conditions.length; i++) {\n      const condition = conditions[i]\n\n      if (isFunction(condition)) {\n        classes.push(condition(props))\n      } else if (isObject(condition)) {\n        classes = classes.concat(handleConditionObject<P>(condition, props))\n      } else if (condition) {\n        classes.push(String(condition))\n      }\n    }\n\n    return classes.join(' ')\n  }\n}\n\nexport default conditional\n","function compare(...args: any[]): unknown {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const [value, defaultValue] = args\n\n  if (value == null || value === false || Number.isNaN(value)) {\n    return defaultValue || value\n  }\n\n  if (typeof value === 'string' && value.length === 0) {\n    return defaultValue || value\n  }\n\n  return value\n}\n\n/**\n * Retrieve the key value from the props object\n * @example\n * ```jsx\n * -transform: scaleY(${(props) => props.$height || 1});\n * +transform: scaleY(${prop('$height', 1)});\n * ```\n * @param name a valid property name from the object\n * @param defaultValue a fallback value in case the property value is invalid\n * @param comparatorFn a function to be used to decide between value or defaultValue\n * @returns {(props: ThemedProps) => string} Returns function that consumes component props.\n */\nfunction prop<P, K extends keyof P = keyof P>(\n  name: K,\n  defaultValue?: NonNullable<P[K]>,\n  comparatorFn = compare\n) {\n  return (props: P): P[K] => comparatorFn(props[name], defaultValue) as P[K]\n}\n\nexport default prop\n"],"names":["handleConditionObject","condition","props","Object","keys","reduce","acc","key","value","isFunction","tokenKey","result","_a","getToken","join","compare","args","defaultValue","Number","isNaN","length","conditions","classes","i","push","isObject","concat","String","name","comparatorFn","safeConditions","toArray","res","temp","j","propValue","get","conditionValue","Array","isArray","includes","Boolean"],"mappings":"2IAoEA,SAASA,EAAyBC,EAA+BC,GAmB/D,OAlBaC,OAAOC,KAAKH,GAAa,CAAE,GAEvBI,QAAO,CAACC,EAAKC,WAC5B,IAAIC,EAAQP,EAAUM,GAMtB,GAJIE,EAAAA,WAAWD,KACbA,EAAQA,EAAMN,IAGZM,EAAO,CACT,MAAME,EAAWH,EACXI,EAAiE,QAAvDC,EAAAC,EAAQA,SAACH,EAAUR,UAAoC,IAAAU,EAAAA,EAAAL,EACvE,MAAO,IAAID,EAAKK,EACjB,CAED,OAAOL,CAAG,GACT,IAEQQ,KAAK,IAClB,CCxFA,SAASC,KAAWC,GAElB,MAAOR,EAAOS,GAAgBD,EAE9B,OAAa,MAATR,IAA2B,IAAVA,GAAmBU,OAAOC,MAAMX,GAC5CS,GAAgBT,EAGJ,iBAAVA,GAAuC,IAAjBA,EAAMY,QAC9BH,GAGFT,CACT,qBD6FA,YAA2Ba,GACzB,OAAO,SAAUnB,GACf,IAAIoB,EAAoB,GAExB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAWD,OAAQG,IAAK,CAC1C,MAAMtB,EAAYoB,EAAWE,GAEzBd,EAAAA,WAAWR,GACbqB,EAAQE,KAAKvB,EAAUC,IACduB,EAAAA,SAASxB,GAClBqB,EAAUA,EAAQI,OAAO1B,EAAyBC,EAAWC,IACpDD,GACTqB,EAAQE,KAAKG,OAAO1B,GAEvB,CAED,OAAOqB,EAAQR,KAAK,IACtB,CACF,eCjGA,SACEc,EACAX,EACAY,EAAed,GAEf,OAAQb,GAAmB2B,EAAa3B,EAAM0B,GAAOX,EACvD,oBDHM,SAAuBI,GAC3B,OAAO,SAAUnB,GACf,MAAM4B,EAAiBC,UAAQV,GAE/B,IAAIW,GAAM,EAEV,IAAK,IAAIT,EAAI,EAAGA,EAAIO,EAAeV,OAAQG,IAAK,CAC9C,MAAMtB,EAAY6B,EAAeP,GAC3BnB,EAAOD,OAAOC,KAAKH,GAEzB,IAAIgC,GAAO,EAEX,IAAK,IAAIC,EAAI,EAAGA,EAAI9B,EAAKgB,QAAUa,EAAMC,IAAK,CAC5C,MAAM3B,EAAMH,EAAK8B,GACXC,EAAYC,EAAAA,WAAIlC,EAAOK,GACvB8B,EAAiBpC,EAAUM,GAG/B0B,EADEK,MAAMC,QAAQF,GACTJ,GAAQF,EAAOA,QAACM,GAAgBG,SAASL,GACvC1B,EAAAA,WAAW4B,GACbJ,GAAQQ,QAAQJ,EAAeF,IAE/BF,GAASI,IAA+BF,CAElD,CAEDH,EAAMA,GAAOC,CACd,CAED,OAAOD,CACT,CACF"}
+{"version":3,"file":"prop-201ffe28.js","sources":["../src/tools/conditional.ts","../src/tools/prop.ts"],"sourcesContent":["import { isObject } from '@loadsmart/utils-object'\nimport { isFunction } from '@loadsmart/utils-function'\nimport type { F } from 'ts-toolbelt'\n\nimport { getToken } from 'theming'\nimport type { ThemeToken, ThemedProps } from 'theming'\nimport get from 'utils/toolset/get'\nimport toArray from 'utils/toolset/toArray'\n\ntype WhenProps<K> = K | undefined | ((value: K) => boolean | undefined)\n\nexport type When<P> = {\n  [Key in keyof P]?: WhenProps<P[Key]> | WhenProps<P[Key]>[] | undefined\n}\n\n/**\n * Utility to generate style/class name conditions based on a components props.\n * Expected prop values can be a single value, an array of values or a function/callback.\n * @example\n * ```jsx\n * whenProps({\n *  'prop-a': true, // checks `props['prop-a']` === true`\n *  'prop-b': [1, 2], // checks `toArray([1, 2]).includes(props['prop-b'])`\n *  'prop-c': (value) => value + 1 // checks `Boolean(callback(props['prop-c']))`\n *  'prop-d': Boolean // checks `Boolean(Boolean(props['prop-d']))`\n * })\n * ```\n * @param {...Object} conditions\n * @returns {(props: Object}) => boolean} Returns function that consumes component props.\n */\nexport function whenProps<P>(conditions: When<F.Narrow<P>> | When<F.Narrow<P>>[]) {\n  return function (props: P): boolean {\n    const safeConditions = toArray(conditions)\n\n    let res = false\n\n    for (let i = 0; i < safeConditions.length; i++) {\n      const condition = safeConditions[i]\n      const keys = Object.keys(condition)\n\n      let temp = true\n\n      for (let j = 0; j < keys.length && temp; j++) {\n        const key = keys[j]\n        const propValue = get(props, key) as P[keyof P]\n        const conditionValue = condition[key as keyof typeof condition]\n\n        if (Array.isArray(conditionValue)) {\n          temp = temp && toArray(conditionValue).includes(propValue)\n        } else if (isFunction(conditionValue)) {\n          temp = temp && Boolean(conditionValue(propValue))\n        } else {\n          temp = temp && (conditionValue as unknown) === propValue\n        }\n      }\n\n      res = res || temp\n    }\n\n    return res\n  }\n}\n\ntype ConditionObject<P> = Record<\n  string,\n  string | number | boolean | ((props: P) => boolean) | undefined\n>\n\nfunction handleConditionObject<P>(condition: ConditionObject<P>, props: P): string {\n  const keys = Object.keys(condition || {})\n\n  const res = keys.reduce((acc, key) => {\n    let value = condition[key]\n\n    if (isFunction(value)) {\n      value = value(props)\n    }\n\n    if (value) {\n      const tokenKey = key as ThemeToken\n      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [] as string[])\n\n  return res.join(' ')\n}\n\ntype Condition<P> = number | string | ConditionObject<P> | ((props: P) => string)\n\n/**\n * Concatenate style properties or class names conditionally.\n * Conditions can be functions that consume components props,\n * objects, strings, or numbers (that will be coerced to strings).\n * @example\n * ```jsx\n * conditional(1, 'some-class', {\n *  'class-a': true,\n *  'class-b': (props) => props.showClassB,\n * }, (props) => props.className)\n * ```\n * @param conditions\n * @returns {(props: ThemedProps) => string} Returns function that consumes component props.\n */\nfunction conditional<P>(...conditions: Condition<P>[]) {\n  return function (props: P): string {\n    let classes: string[] = []\n\n    for (let i = 0; i < conditions.length; i++) {\n      const condition = conditions[i]\n\n      if (isFunction(condition)) {\n        classes.push(condition(props))\n      } else if (isObject(condition)) {\n        classes = classes.concat(handleConditionObject<P>(condition, props))\n      } else if (condition) {\n        classes.push(String(condition))\n      }\n    }\n\n    return classes.join(' ')\n  }\n}\n\nexport default conditional\n","function compare(...args: any[]): unknown {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const [value, defaultValue] = args\n\n  if (value == null || value === false || Number.isNaN(value)) {\n    return defaultValue || value\n  }\n\n  if (typeof value === 'string' && value.length === 0) {\n    return defaultValue || value\n  }\n\n  return value\n}\n\n/**\n * Retrieve the key value from the props object\n * @example\n * ```jsx\n * -transform: scaleY(${(props) => props.$height || 1});\n * +transform: scaleY(${prop('$height', 1)});\n * ```\n * @param name a valid property name from the object\n * @param defaultValue a fallback value in case the property value is invalid\n * @param comparatorFn a function to be used to decide between value or defaultValue\n * @returns {(props: ThemedProps) => string} Returns function that consumes component props.\n */\nfunction prop<P, K extends keyof P = keyof P>(\n  name: K,\n  defaultValue?: NonNullable<P[K]>,\n  comparatorFn = compare\n) {\n  return (props: P): P[K] => comparatorFn(props[name], defaultValue) as P[K]\n}\n\nexport default prop\n"],"names":["handleConditionObject","condition","props","Object","keys","reduce","acc","key","value","isFunction","tokenKey","result","_a","getToken","join","compare","args","defaultValue","Number","isNaN","length","conditions","classes","i","push","isObject","concat","String","name","comparatorFn","safeConditions","toArray","res","temp","j","propValue","get","conditionValue","Array","isArray","includes","Boolean"],"mappings":"2IAoEA,SAASA,EAAyBC,EAA+BC,GAmB/D,OAlBaC,OAAOC,KAAKH,GAAa,CAAE,GAEvBI,QAAO,CAACC,EAAKC,WAC5B,IAAIC,EAAQP,EAAUM,GAMtB,GAJIE,EAAAA,WAAWD,KACbA,EAAQA,EAAMN,IAGZM,EAAO,CACT,MAAME,EAAWH,EACXI,EAAiE,QAAvDC,EAAAC,EAAQA,SAACH,EAAUR,UAAoC,IAAAU,EAAAA,EAAAL,EACvE,MAAO,IAAID,EAAKK,EACjB,CAED,OAAOL,CAAG,GACT,IAEQQ,KAAK,IAClB,CCxFA,SAASC,KAAWC,GAElB,MAAOR,EAAOS,GAAgBD,EAE9B,OAAa,MAATR,IAA2B,IAAVA,GAAmBU,OAAOC,MAAMX,GAC5CS,GAAgBT,EAGJ,iBAAVA,GAAuC,IAAjBA,EAAMY,QAC9BH,GAGFT,CACT,qBD6FA,YAA2Ba,GACzB,OAAO,SAAUnB,GACf,IAAIoB,EAAoB,GAExB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAWD,OAAQG,IAAK,CAC1C,MAAMtB,EAAYoB,EAAWE,GAEzBd,EAAAA,WAAWR,GACbqB,EAAQE,KAAKvB,EAAUC,IACduB,EAAAA,SAASxB,GAClBqB,EAAUA,EAAQI,OAAO1B,EAAyBC,EAAWC,IACpDD,GACTqB,EAAQE,KAAKG,OAAO1B,GAEvB,CAED,OAAOqB,EAAQR,KAAK,IACtB,CACF,eCjGA,SACEc,EACAX,EACAY,EAAed,GAEf,OAAQb,GAAmB2B,EAAa3B,EAAM0B,GAAOX,EACvD,oBDHM,SAAuBI,GAC3B,OAAO,SAAUnB,GACf,MAAM4B,EAAiBC,UAAQV,GAE/B,IAAIW,GAAM,EAEV,IAAK,IAAIT,EAAI,EAAGA,EAAIO,EAAeV,OAAQG,IAAK,CAC9C,MAAMtB,EAAY6B,EAAeP,GAC3BnB,EAAOD,OAAOC,KAAKH,GAEzB,IAAIgC,GAAO,EAEX,IAAK,IAAIC,EAAI,EAAGA,EAAI9B,EAAKgB,QAAUa,EAAMC,IAAK,CAC5C,MAAM3B,EAAMH,EAAK8B,GACXC,EAAYC,EAAAA,WAAIlC,EAAOK,GACvB8B,EAAiBpC,EAAUM,GAG/B0B,EADEK,MAAMC,QAAQF,GACTJ,GAAQF,EAAOA,QAACM,GAAgBG,SAASL,GACvC1B,EAAAA,WAAW4B,GACbJ,GAAQQ,QAAQJ,EAAeF,IAE/BF,GAASI,IAA+BF,CAElD,CAEDH,EAAMA,GAAOC,CACd,CAED,OAAOD,CACT,CACF"}

package/dist/testing/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../DragDropFile.context-c7cd1441.js"),t=require("@testing-library/react"),i=require("../toArray-b56541b4.js"),n=require("../miranda-compatibility.theme-f99913ed.js"),r=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@loadsmart/miranda-tokens");var c=o(r);function a(e){return e.parentNode.parentNode.parentNode.parentNode}function d(i){return e.__awaiter(this,void 0,void 0,(function*(){const n=a(i);t.queries.queryByRole(n,"menu")||(yield t.act((()=>e.__awaiter(this,void 0,void 0,(function*(){t.fireEvent.click(i),expect(yield t.queries.findByRole(n,"menu")).toBeInTheDocument()})))))}))}function u(i){return e.__awaiter(this,void 0,void 0,(function*(){const n=a(i);t.queries.queryByRole(n,"menu")&&(yield t.act((()=>e.__awaiter(this,void 0,void 0,(function*(){t.fireEvent.click(t.queries.getByText(n,"Close")),yield t.waitForElementToBeRemoved((()=>t.queries.queryByRole(n,"menu")))})))))}))}const l={getContainer:a,expand:d,collapse:u,pick:function(i,n){return e.__awaiter(this,void 0,void 0,(function*(){const r=a(n);yield d(n),yield t.act((()=>e.__awaiter(this,void 0,void 0,(function*(){n.focus();const e=t.queries.getByLabelText(r,i);e&&"false"==e.getAttribute("aria-checked")&&t.fireEvent.click(e)})))),yield u(n)}))},clear:function(i){return e.__awaiter(this,void 0,void 0,(function*(){const n=a(i);yield t.act((()=>e.__awaiter(this,void 0,void 0,(function*(){const e=t.queries.getByLabelText(n,"Clear selection");t.fireEvent.click(e)})))),yield u(i)}))},getSelectedDates:function(i){return e.__awaiter(this,void 0,void 0,(function*(){const e=a(i);yield d(i);const n=t.queries.queryAllByRole(e,"checkbox",{checked:!0});return yield u(i),n}))}};function s(t){return e.__awaiter(this,void 0,void 0,(function*(){yield l.expand(t)}))}function f(t){return e.__awaiter(this,void 0,void 0,(function*(){yield l.collapse(t)}))}const v={getContainer:l.getContainer,expand:s,collapse:f,pick:function(i,n){return e.__awaiter(this,void 0,void 0,(function*(){const e=l.getContainer(n);yield s(n);const[r,o]=i;if(null!=r){const i=t.queries.getByTestId(e,"input-date-range-start");yield l.pick(r,i)}if(null!=o){const i=t.queries.getByTestId(e,"input-date-range-end");yield l.pick(o,i)}yield f(n)}))},clear:function(t){return e.__awaiter(this,void 0,void 0,(function*(){yield l.clear(t)}))},getSelectedDates:function(t){return e.__awaiter(this,void 0,void 0,(function*(){return l.getSelectedDates(t)}))}},y=e=>e.parentNode,p={dragOver:e=>{const i=y(e),n=t.createEvent.dragOver(i);t.fireEvent(i,n)},dragLeave:e=>{const i=y(e),n=t.createEvent.dragLeave(i);t.fireEvent(i,n)},dropFiles:(e,n)=>{const r=y(e),o=t.createEvent.drop(r);Object.defineProperty(o,"dataTransfer",{value:{files:i.toArray(n)}}),t.fireEvent(r,o)}};function _(e){return e.parentNode.parentNode.parentNode}function h(e){return e.parentNode.parentNode.nextSibling}function g(e){return e.parentNode.nextSibling.nextSibling}function w(e){return e.parentNode}function x(e){return 3===_(e).children.length}function E(i){return e.__awaiter(this,void 0,void 0,(function*(){const e=w(i);t.within(e).queryByTestId("select-trigger-loading")&&(yield t.waitForElementToBeRemoved((()=>t.within(e).queryByTestId("select-trigger-loading")),{timeout:2500}))}))}function b(i){return e.__awaiter(this,void 0,void 0,(function*(){if(yield E(i),x(i))return;const n=g(i);yield t.waitFor((()=>{expect(n).toBeEnabled()})),t.act((()=>{i.dispatchEvent(new MouseEvent("click",{bubbles:!0}))})),yield t.waitFor((()=>e.__awaiter(this,void 0,void 0,(function*(){expect(yield t.within(_(i)).findByRole("listbox")).toBeInTheDocument()}))))}))}function B(i){return e.__awaiter(this,void 0,void 0,(function*(){if(!x(i))return;const e=g(i);t.fireEvent.click(e),yield t.waitFor((()=>{expect(t.within(_(i)).queryByRole("listbox")).not.toBeInTheDocument()}))}))}const q={select:function(i,n){return e.__awaiter(this,void 0,void 0,(function*(){yield b(n);const e=h(n),r=yield t.within(e).findByLabelText(i);r&&"false"==r.getAttribute("aria-selected")&&(t.fireEvent.mouseDown(r),t.act((()=>{r.focus()})),t.fireEvent.mouseUp(r),t.fireEvent.click(r)),yield B(n)}))},unselect:function(i,n){return e.__awaiter(this,void 0,void 0,(function*(){yield b(n);const e=h(n),r=yield t.within(e).findByLabelText(i);r&&"true"===r.getAttribute("aria-selected")&&t.fireEvent.click(r),yield B(n)}))},clear:function(i){return e.__awaiter(this,void 0,void 0,(function*(){yield E(i);const e=w(i),n=t.within(e).getByTestId("select-trigger-clear");n&&t.fireEvent.click(n)}))},search:function(i,n){return e.__awaiter(this,void 0,void 0,(function*(){t.fireEvent.change(n,{target:{value:i}}),yield E(n);const e=h(n);yield t.within(e).findAllByRole("option")}))},expand:b,collapse:B,getOptions:function(i){return e.__awaiter(this,void 0,void 0,(function*(){yield b(i);const e=h(i),n=t.within(e).queryAllByRole("option");return yield B(i),n}))},getSelectedOptions:function(i){return e.__awaiter(this,void 0,void 0,(function*(){yield b(i);const e=h(i);let n=[];try{n=yield t.within(e).findAllByRole("option",{selected:!0})}catch(e){n=[]}return yield B(i),n}))},isMenuExpanded:x};const m={fileList:[],onFilesAdded:jest.fn(),onRetryUpload:jest.fn(),onRemoveFile:jest.fn()};exports.DatePickerEvent=l,exports.DateRangePickerEvent=v,exports.DragDropFileEvent=p,exports.SelectEvent=q,exports.getInterpolatedStyles=function(e){return i.toArray(e).map((e=>{for(;n.isFunction(e);)e=e({theme:n.alice});return e})).join("")},exports.renderWithDragDropFileProvider=(i,n)=>{const r=Object.assign(Object.assign({},m),n);return t.render((o=i,c.default.createElement(e.DragDropFileContext.Provider,{value:r},o)));var o};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../DragDropFile.context-c7cd1441.js"),t=require("@testing-library/react"),i=require("../toArray-b56541b4.js"),n=require("../miranda-compatibility.theme-22a9ce26.js"),r=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@loadsmart/miranda-tokens");var c=o(r);function a(e){return e.parentNode.parentNode.parentNode.parentNode}function d(i){return e.__awaiter(this,void 0,void 0,(function*(){const n=a(i);t.queries.queryByRole(n,"menu")||(yield t.act((()=>e.__awaiter(this,void 0,void 0,(function*(){t.fireEvent.click(i),expect(yield t.queries.findByRole(n,"menu")).toBeInTheDocument()})))))}))}function u(i){return e.__awaiter(this,void 0,void 0,(function*(){const n=a(i);t.queries.queryByRole(n,"menu")&&(yield t.act((()=>e.__awaiter(this,void 0,void 0,(function*(){t.fireEvent.click(t.queries.getByText(n,"Close")),yield t.waitForElementToBeRemoved((()=>t.queries.queryByRole(n,"menu")))})))))}))}const l={getContainer:a,expand:d,collapse:u,pick:function(i,n){return e.__awaiter(this,void 0,void 0,(function*(){const r=a(n);yield d(n),yield t.act((()=>e.__awaiter(this,void 0,void 0,(function*(){n.focus();const e=t.queries.getByLabelText(r,i);e&&"false"==e.getAttribute("aria-checked")&&t.fireEvent.click(e)})))),yield u(n)}))},clear:function(i){return e.__awaiter(this,void 0,void 0,(function*(){const n=a(i);yield t.act((()=>e.__awaiter(this,void 0,void 0,(function*(){const e=t.queries.getByLabelText(n,"Clear selection");t.fireEvent.click(e)})))),yield u(i)}))},getSelectedDates:function(i){return e.__awaiter(this,void 0,void 0,(function*(){const e=a(i);yield d(i);const n=t.queries.queryAllByRole(e,"checkbox",{checked:!0});return yield u(i),n}))}};function s(t){return e.__awaiter(this,void 0,void 0,(function*(){yield l.expand(t)}))}function f(t){return e.__awaiter(this,void 0,void 0,(function*(){yield l.collapse(t)}))}const v={getContainer:l.getContainer,expand:s,collapse:f,pick:function(i,n){return e.__awaiter(this,void 0,void 0,(function*(){const e=l.getContainer(n);yield s(n);const[r,o]=i;if(null!=r){const i=t.queries.getByTestId(e,"input-date-range-start");yield l.pick(r,i)}if(null!=o){const i=t.queries.getByTestId(e,"input-date-range-end");yield l.pick(o,i)}yield f(n)}))},clear:function(t){return e.__awaiter(this,void 0,void 0,(function*(){yield l.clear(t)}))},getSelectedDates:function(t){return e.__awaiter(this,void 0,void 0,(function*(){return l.getSelectedDates(t)}))}},y=e=>e.parentNode,p={dragOver:e=>{const i=y(e),n=t.createEvent.dragOver(i);t.fireEvent(i,n)},dragLeave:e=>{const i=y(e),n=t.createEvent.dragLeave(i);t.fireEvent(i,n)},dropFiles:(e,n)=>{const r=y(e),o=t.createEvent.drop(r);Object.defineProperty(o,"dataTransfer",{value:{files:i.toArray(n)}}),t.fireEvent(r,o)}};function _(e){return e.parentNode.parentNode.parentNode}function h(e){return e.parentNode.parentNode.nextSibling}function g(e){return e.parentNode.nextSibling.nextSibling}function w(e){return e.parentNode}function x(e){return 3===_(e).children.length}function E(i){return e.__awaiter(this,void 0,void 0,(function*(){const e=w(i);t.within(e).queryByTestId("select-trigger-loading")&&(yield t.waitForElementToBeRemoved((()=>t.within(e).queryByTestId("select-trigger-loading")),{timeout:2500}))}))}function b(i){return e.__awaiter(this,void 0,void 0,(function*(){if(yield E(i),x(i))return;const n=g(i);yield t.waitFor((()=>{expect(n).toBeEnabled()})),t.act((()=>{i.dispatchEvent(new MouseEvent("click",{bubbles:!0}))})),yield t.waitFor((()=>e.__awaiter(this,void 0,void 0,(function*(){expect(yield t.within(_(i)).findByRole("listbox")).toBeInTheDocument()}))))}))}function B(i){return e.__awaiter(this,void 0,void 0,(function*(){if(!x(i))return;const e=g(i);t.fireEvent.click(e),yield t.waitFor((()=>{expect(t.within(_(i)).queryByRole("listbox")).not.toBeInTheDocument()}))}))}const q={select:function(i,n){return e.__awaiter(this,void 0,void 0,(function*(){yield b(n);const e=h(n),r=yield t.within(e).findByLabelText(i);r&&"false"==r.getAttribute("aria-selected")&&(t.fireEvent.mouseDown(r),t.act((()=>{r.focus()})),t.fireEvent.mouseUp(r),t.fireEvent.click(r)),yield B(n)}))},unselect:function(i,n){return e.__awaiter(this,void 0,void 0,(function*(){yield b(n);const e=h(n),r=yield t.within(e).findByLabelText(i);r&&"true"===r.getAttribute("aria-selected")&&t.fireEvent.click(r),yield B(n)}))},clear:function(i){return e.__awaiter(this,void 0,void 0,(function*(){yield E(i);const e=w(i),n=t.within(e).getByTestId("select-trigger-clear");n&&t.fireEvent.click(n)}))},search:function(i,n){return e.__awaiter(this,void 0,void 0,(function*(){t.fireEvent.change(n,{target:{value:i}}),yield E(n);const e=h(n);yield t.within(e).findAllByRole("option")}))},expand:b,collapse:B,getOptions:function(i){return e.__awaiter(this,void 0,void 0,(function*(){yield b(i);const e=h(i),n=t.within(e).queryAllByRole("option");return yield B(i),n}))},getSelectedOptions:function(i){return e.__awaiter(this,void 0,void 0,(function*(){yield b(i);const e=h(i);let n=[];try{n=yield t.within(e).findAllByRole("option",{selected:!0})}catch(e){n=[]}return yield B(i),n}))},isMenuExpanded:x};const m={fileList:[],onFilesAdded:jest.fn(),onRetryUpload:jest.fn(),onRemoveFile:jest.fn()};exports.DatePickerEvent=l,exports.DateRangePickerEvent=v,exports.DragDropFileEvent=p,exports.SelectEvent=q,exports.getInterpolatedStyles=function(e){return i.toArray(e).map((e=>{for(;n.isFunction(e);)e=e({theme:n.alice});return e})).join("")},exports.renderWithDragDropFileProvider=(i,n)=>{const r=Object.assign(Object.assign({},m),n);return t.render((o=i,c.default.createElement(e.DragDropFileContext.Provider,{value:r},o)));var o};
 //# sourceMappingURL=index.js.map

package/dist/theming/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../miranda-compatibility.theme-f99913ed.js");require("@loadsmart/miranda-tokens");var t=Object.freeze({__proto__:null,Alice:e.alice,Loadsmart:e.loadsmart,Miranda:e.mirandaCompatibility});function r(t,r){const i=e.isFunction(t)?t(r):t;return r.theme[i]}exports.Themes=t,exports.getToken=function(e,t){return void 0===t?t=>r(e,t):r(e,t)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../miranda-compatibility.theme-22a9ce26.js");require("@loadsmart/miranda-tokens");var t=Object.freeze({__proto__:null,Alice:e.alice,Loadsmart:e.loadsmart,Miranda:e.mirandaCompatibility});function r(t,r){const a=e.isFunction(t)?t(r):t;return r.theme[a]}exports.Themes=t,exports.getToken=function(e,t){return void 0===t?t=>r(e,t):r(e,t)};
 //# sourceMappingURL=index.js.map

package/dist/theming/themes/alice.theme.d.ts

@@ -117,6 +117,7 @@ declare const alice: {
     'button-large-height': string | number;
     'button-large-padding-x': string | number;
     'button-large-padding-y': string;
+    'button-outline-offset': string;
     'button-primary-background': string | number;
     'button-primary-background--hover': string | number;
     'button-primary-background--focus': string | number;
@@ -132,7 +133,8 @@ declare const alice: {
     'button-primary-color--focus': string | number;
     'button-primary-color--active': string | number;
     'button-primary-color--disabled': string | number;
-    'button-primary-outline': string | number;
+    'button-primary-outline': string;
+    'button-primary-box-shadow': string | number;
     'button-secondary-background': string | number;
     'button-secondary-background--hover': string | number;
     'button-secondary-background--focus': string | number;
@@ -148,7 +150,8 @@ declare const alice: {
     'button-secondary-color--focus': string | number;
     'button-secondary-color--active': string | number;
     'button-secondary-color--disabled': string | number;
-    'button-secondary-outline': string | number;
+    'button-secondary-outline': string;
+    'button-secondary-box-shadow': string | number;
     'button-secondary-dark-background': string | number;
     'button-secondary-dark-background--hover': string | number;
     'button-secondary-dark-background--focus': string | number;
@@ -164,6 +167,23 @@ declare const alice: {
     'button-secondary-dark-color--focus': string | number;
     'button-secondary-dark-color--active': string | number;
     'button-secondary-dark-color--disabled': string | number;
+    'button-tertiary-background': string | number;
+    'button-tertiary-background--hover': string | number;
+    'button-tertiary-background--focus': string | number;
+    'button-tertiary-background--active': string | number;
+    'button-tertiary-background--disabled': string | number;
+    'button-tertiary-border-color': string | number;
+    'button-tertiary-border-color--hover': string | number;
+    'button-tertiary-border-color--focus': string | number;
+    'button-tertiary-border-color--active': string | number;
+    'button-tertiary-border-color--disabled': string | number;
+    'button-tertiary-color': string | number;
+    'button-tertiary-color--hover': string | number;
+    'button-tertiary-color--focus': string | number;
+    'button-tertiary-color--active': string | number;
+    'button-tertiary-color--disabled': string | number;
+    'button-tertiary-outline': string;
+    'button-tertiary-box-shadow': string;
     'button-warning-background': string | number;
     'button-warning-background--hover': string | number;
     'button-warning-background--focus': string | number;
@@ -179,7 +199,8 @@ declare const alice: {
     'button-warning-color--focus': string | number;
     'button-warning-color--active': string | number;
     'button-warning-color--disabled': string | number;
-    'button-warning-outline': string | number;
+    'button-warning-outline': string;
+    'button-warning-box-shadow': string | number;
     'button-icon-border-radius': string | number;
     'button-icon-small-width': string | number;
     'button-icon-width': string | number;
@@ -199,37 +220,43 @@ declare const alice: {
     'button-icon-color--focus': string | number;
     'button-icon-color--active': string | number;
     'button-icon-color--disabled': string | number;
-    'button-icon-outline': string | number;
+    'button-icon-box-shadow': string | number;
+    'button-icon-outline': string;
     'tag-border-radius': string;
     'tag-border-width': string | number;
-    'tag-font-weight': string | number;
     'tag-font-height': string | number;
     'tag-spacing': string;
-    'tag-spacing-removable': string;
+    'tag-removable-spacing': string;
     'tag-width': string;
-    'tag-outline': string | number;
+    'tag-box-shadow': string | number;
+    'tag-outline-offset': string;
     'tag-remove-button-background': string | number;
     'tag-remove-button-border-radius': string;
     'tag-icon-spacing': string | number;
     'tag-small-font-size': string | number;
+    'tag-small-font-weight': string | number;
     'tag-small-height': string;
     'tag-small-transform': string;
     'tag-small-leading-display': string;
     'tag-small-remove-button-size': string;
     'tag-small-remove-button-icon-size': string;
-    'tag-small-spacing-removable': string;
+    'tag-small-spacing': string;
+    'tag-small-removable-spacing': string;
     'tag-font-size': string | number;
+    'tag-font-weight': string | number;
     'tag-height': string;
     'tag-transform': string;
     'tag-leading-display': string;
     'tag-remove-button-size': string;
     'tag-remove-button-icon-size': string;
     'tag-large-font-size': string | number;
+    'tag-large-font-weight': string | number;
     'tag-large-height': string;
     'tag-large-transform': string;
     'tag-large-leading-display': string;
     'tag-large-remove-button-size': string;
     'tag-large-remove-button-icon-size': string;
+    'tag-large-spacing': string;
     'tag-default-background': string | number;
     'tag-default-background--hover': string | number;
     'tag-default-background--focus': string | number;
@@ -239,6 +266,7 @@ declare const alice: {
     'tag-default-border-color': string;
     'tag-default-border-color--hover': string;
     'tag-default-border-color--focus': string;
+    'tag-default-outline': string;
     'tag-outlined-background': string | number;
     'tag-outlined-background--hover': string | number;
     'tag-outlined-background--focus': string | number;
@@ -248,6 +276,7 @@ declare const alice: {
     'tag-outlined-border-color': string | number;
     'tag-outlined-border-color--hover': string | number;
     'tag-outlined-border-color--focus': string | number;
+    'tag-outline-outline': string;
     'tag-accent-background': string | number;
     'tag-accent-background--hover': string | number;
     'tag-accent-background--focus': string | number;
@@ -257,6 +286,7 @@ declare const alice: {
     'tag-accent-border-color': string;
     'tag-accent-border-color--hover': string;
     'tag-accent-border-color--focus': string;
+    'tag-accent-outline': string;
     'tag-success-background': string | number;
     'tag-success-background--hover': string | number;
     'tag-success-background--focus': string | number;
@@ -266,6 +296,7 @@ declare const alice: {
     'tag-success-border-color': string | number;
     'tag-success-border-color--hover': string | number;
     'tag-success-border-color--focus': string | number;
+    'tag-success-outline': string;
     'tag-warning-background': string | number;
     'tag-warning-background--hover': string | number;
     'tag-warning-background--focus': string | number;
@@ -275,6 +306,7 @@ declare const alice: {
     'tag-warning-border-color': string | number;
     'tag-warning-border-color--hover': string | number;
     'tag-warning-border-color--focus': string | number;
+    'tag-warning-outline': string;
     'tag-danger-background': string | number;
     'tag-danger-background--hover': string | number;
     'tag-danger-background--focus': string | number;
@@ -284,12 +316,15 @@ declare const alice: {
     'tag-danger-border-color': string | number;
     'tag-danger-border-color--hover': string | number;
     'tag-danger-border-color--focus': string | number;
+    'tag-danger-outline': string;
     'checkbox-color': string | number;
     'checkbox-font-weight': string | number;
     'checkbox-font-size': string | number;
     'checkbox-selector-border-radius': string | number;
     'checkbox-selector-size': string;
-    'checkbox-selector-outline': string | number;
+    'checkbox-selector-box-shadow': string | number;
+    'checkbox-selector-outline': string;
+    'checkbox-selector-outline-offset': string;
     'checkbox-small-font-size': string | number;
     'checkbox-selector-icon-color': string | number;
     'checkbox-selector-background': string | number;
@@ -322,7 +357,7 @@ declare const alice: {
     'radio-font-size': string | number;
     'radio-selector-border-radius': string | number;
     'radio-selector-size': string;
-    'radio-selector-outline': string | number;
+    'radio-selector-box-shadow': string | number;
     'radio-small-font-size': string | number;
     'radio-small-selector-size': string;
     'radio-selector-background': string | number;
@@ -373,7 +408,9 @@ declare const alice: {
     'text-field-height': string | number;
     'text-field-padding-x': string | number;
     'text-field-padding-y': string | number;
-    'text-field-outline': string | number;
+    'text-field-box-shadow': string | number;
+    'text-field-outline': string;
+    'text-field-outline-offset': string;
     'text-field-small-height': string | number;
     'text-field-small-padding-x': string | number;
     'text-field-small-padding-y': string | number;
@@ -398,7 +435,7 @@ declare const alice: {
     'text-field-dark-border-color--disabled': string | number;
     'text-field-success-border-color': string | number;
     'text-field-danger-border-color': string | number;
-    'text-field-dark-outline': string | number;
+    'text-field-dark-box-shadow': string | number;
     'textarea-border-radius': string | number;
     'textarea-color': string | number;
     'textarea-font-size': string | number;
@@ -407,7 +444,9 @@ declare const alice: {
     'textarea-min-height': string;
     'textarea-padding-x': string | number;
     'textarea-padding-y': string | number;
-    'textarea-outline': string | number;
+    'textarea-box-shadow': string | number;
+    'textarea-outline': string;
+    'textarea-outline-offset': string;
     'textarea-small-padding-x': string | number;
     'textarea-small-padding-y': string | number;
     'textarea-small-font-size': string | number;
@@ -431,12 +470,15 @@ declare const alice: {
     'textarea-dark-border-color--disabled': string | number;
     'textarea-success-border-color': string | number;
     'textarea-danger-border-color': string | number;
-    'textarea-dark-outline': string | number;
+    'textarea-dark-box-shadow': string | number;
     'link-font-size': string | number;
     'link-font-height': string | number;
     'link-color': string | number;
     'link-font-weight': string | number;
     'link-font-weight--hover': string | number;
+    'link-box-shadow': string | number;
+    'link-outline': string;
+    'link-outline-offset': string;
     'breadcrumbs-font-size': string | number;
     'breadcrumbs-font-height': string | number;
     'breadcrumbs-font-weight': string | number;
@@ -520,7 +562,9 @@ declare const alice: {
     'switch-width': string;
     'switch-height': string;
     'switch-border-radius': string;
-    'switch-outline': string | number;
+    'switch-box-shadow': string | number;
+    'switch-outline': string;
+    'switch-outline-offset': string;
     'switch-large-width': string;
     'switch-large-height': string;
     'switch-large-border-radius': string;
@@ -619,9 +663,14 @@ declare const alice: {
     'top-navigation-item-icon-color': string | number;
     'top-navigation-item-color': string | number;
     'top-navigation-item-color--hover': string | number;
+    'select-trigger-height': string;
+    'select-trigger-border-color': string | number;
     'select-selected-option-check-color': string | number;
     'select-selected-option-background-color': string | number;
     'toggle-text-transform': string;
+    'toggle-box-shadow': string | number;
+    'toggle-outline': string;
+    'toggle-outline-offset': string;
     'toggle-background-color': string | number;
     'toggle-background-color--hover': string | number;
     'toggle-background-color--focus': string | number;
@@ -675,10 +724,16 @@ declare const alice: {
     'toggle-group-single-border-color': string | number;
     'toggle-group-single-border-radius': string | number;
     'toggle-group-single-padding': string;
+    'dropdown-trigger-border-color': string | number;
+    'dropdown-trigger-dark-border-color': string | number;
+    'dropdown-trigger-outlined-border-color': string | number;
     'dropdown-trigger-expanded-color': string | number;
     'dropdown-trigger-height': string | number;
     'dropdown-trigger-small-height': string | number;
     'dropdown-trigger-large-height': string | number;
+    'dropdown-trigger-box-shadow': string | number;
+    'dropdown-trigger-outline': string;
+    'dropdown-trigger-outline-offset': string;
     'height-small': string;
     'height-default': string;
     'height-large': string;

package/dist/theming/themes/loadsmart.theme.d.ts

@@ -99,6 +99,7 @@ declare const loadsmart: {
     'button-large-height': string | number;
     'button-large-padding-x': string | number;
     'button-large-padding-y': string;
+    'button-outline-offset': string;
     'button-primary-background': string | number;
     'button-primary-background--hover': string | number;
     'button-primary-background--focus': string | number;
@@ -114,7 +115,8 @@ declare const loadsmart: {
     'button-primary-color--focus': string | number;
     'button-primary-color--active': string | number;
     'button-primary-color--disabled': string | number;
-    'button-primary-outline': string | number;
+    'button-primary-outline': string;
+    'button-primary-box-shadow': string | number;
     'button-secondary-background': string | number;
     'button-secondary-background--hover': string | number;
     'button-secondary-background--focus': string | number;
@@ -130,7 +132,8 @@ declare const loadsmart: {
     'button-secondary-color--focus': string | number;
     'button-secondary-color--active': string | number;
     'button-secondary-color--disabled': string | number;
-    'button-secondary-outline': string | number;
+    'button-secondary-outline': string;
+    'button-secondary-box-shadow': string | number;
     'button-secondary-dark-background': string | number;
     'button-secondary-dark-background--hover': string | number;
     'button-secondary-dark-background--focus': string | number;
@@ -146,6 +149,23 @@ declare const loadsmart: {
     'button-secondary-dark-color--focus': string | number;
     'button-secondary-dark-color--active': string | number;
     'button-secondary-dark-color--disabled': string | number;
+    'button-tertiary-background': string | number;
+    'button-tertiary-background--hover': string | number;
+    'button-tertiary-background--focus': string | number;
+    'button-tertiary-background--active': string | number;
+    'button-tertiary-background--disabled': string | number;
+    'button-tertiary-border-color': string | number;
+    'button-tertiary-border-color--hover': string | number;
+    'button-tertiary-border-color--focus': string | number;
+    'button-tertiary-border-color--active': string | number;
+    'button-tertiary-border-color--disabled': string | number;
+    'button-tertiary-color': string | number;
+    'button-tertiary-color--hover': string | number;
+    'button-tertiary-color--focus': string | number;
+    'button-tertiary-color--active': string | number;
+    'button-tertiary-color--disabled': string | number;
+    'button-tertiary-outline': string;
+    'button-tertiary-box-shadow': string;
     'button-warning-background': string | number;
     'button-warning-background--hover': string | number;
     'button-warning-background--focus': string | number;
@@ -161,7 +181,8 @@ declare const loadsmart: {
     'button-warning-color--focus': string | number;
     'button-warning-color--active': string | number;
     'button-warning-color--disabled': string | number;
-    'button-warning-outline': string | number;
+    'button-warning-outline': string;
+    'button-warning-box-shadow': string | number;
     'button-icon-border-radius': string | number;
     'button-icon-small-width': string | number;
     'button-icon-width': string | number;
@@ -181,37 +202,43 @@ declare const loadsmart: {
     'button-icon-color--focus': string | number;
     'button-icon-color--active': string | number;
     'button-icon-color--disabled': string | number;
-    'button-icon-outline': string | number;
+    'button-icon-box-shadow': string | number;
+    'button-icon-outline': string;
     'tag-border-radius': string;
     'tag-border-width': string | number;
-    'tag-font-weight': string | number;
     'tag-font-height': string | number;
     'tag-spacing': string;
-    'tag-spacing-removable': string;
+    'tag-removable-spacing': string;
     'tag-width': string;
-    'tag-outline': string | number;
+    'tag-box-shadow': string | number;
+    'tag-outline-offset': string;
     'tag-remove-button-background': string | number;
     'tag-remove-button-border-radius': string;
     'tag-icon-spacing': string | number;
     'tag-small-font-size': string | number;
+    'tag-small-font-weight': string | number;
     'tag-small-height': string;
     'tag-small-transform': string;
     'tag-small-leading-display': string;
     'tag-small-remove-button-size': string;
     'tag-small-remove-button-icon-size': string;
-    'tag-small-spacing-removable': string;
+    'tag-small-spacing': string;
+    'tag-small-removable-spacing': string;
     'tag-font-size': string | number;
+    'tag-font-weight': string | number;
     'tag-height': string;
     'tag-transform': string;
     'tag-leading-display': string;
     'tag-remove-button-size': string;
     'tag-remove-button-icon-size': string;
     'tag-large-font-size': string | number;
+    'tag-large-font-weight': string | number;
     'tag-large-height': string;
     'tag-large-transform': string;
     'tag-large-leading-display': string;
     'tag-large-remove-button-size': string;
     'tag-large-remove-button-icon-size': string;
+    'tag-large-spacing': string;
     'tag-default-background': string | number;
     'tag-default-background--hover': string | number;
     'tag-default-background--focus': string | number;
@@ -221,6 +248,7 @@ declare const loadsmart: {
     'tag-default-border-color': string;
     'tag-default-border-color--hover': string;
     'tag-default-border-color--focus': string;
+    'tag-default-outline': string;
     'tag-outlined-background': string | number;
     'tag-outlined-background--hover': string | number;
     'tag-outlined-background--focus': string | number;
@@ -230,6 +258,7 @@ declare const loadsmart: {
     'tag-outlined-border-color': string | number;
     'tag-outlined-border-color--hover': string | number;
     'tag-outlined-border-color--focus': string | number;
+    'tag-outline-outline': string;
     'tag-accent-background': string | number;
     'tag-accent-background--hover': string | number;
     'tag-accent-background--focus': string | number;
@@ -239,6 +268,7 @@ declare const loadsmart: {
     'tag-accent-border-color': string;
     'tag-accent-border-color--hover': string;
     'tag-accent-border-color--focus': string;
+    'tag-accent-outline': string;
     'tag-success-background': string | number;
     'tag-success-background--hover': string | number;
     'tag-success-background--focus': string | number;
@@ -248,6 +278,7 @@ declare const loadsmart: {
     'tag-success-border-color': string | number;
     'tag-success-border-color--hover': string | number;
     'tag-success-border-color--focus': string | number;
+    'tag-success-outline': string;
     'tag-warning-background': string | number;
     'tag-warning-background--hover': string | number;
     'tag-warning-background--focus': string | number;
@@ -257,6 +288,7 @@ declare const loadsmart: {
     'tag-warning-border-color': string | number;
     'tag-warning-border-color--hover': string | number;
     'tag-warning-border-color--focus': string | number;
+    'tag-warning-outline': string;
     'tag-danger-background': string | number;
     'tag-danger-background--hover': string | number;
     'tag-danger-background--focus': string | number;
@@ -266,12 +298,15 @@ declare const loadsmart: {
     'tag-danger-border-color': string | number;
     'tag-danger-border-color--hover': string | number;
     'tag-danger-border-color--focus': string | number;
+    'tag-danger-outline': string;
     'checkbox-color': string | number;
     'checkbox-font-weight': string | number;
     'checkbox-font-size': string | number;
     'checkbox-selector-border-radius': string | number;
     'checkbox-selector-size': string;
-    'checkbox-selector-outline': string | number;
+    'checkbox-selector-box-shadow': string | number;
+    'checkbox-selector-outline': string;
+    'checkbox-selector-outline-offset': string;
     'checkbox-small-font-size': string | number;
     'checkbox-selector-icon-color': string | number;
     'checkbox-selector-background': string | number;
@@ -304,7 +339,7 @@ declare const loadsmart: {
     'radio-font-size': string | number;
     'radio-selector-border-radius': string | number;
     'radio-selector-size': string;
-    'radio-selector-outline': string | number;
+    'radio-selector-box-shadow': string | number;
     'radio-small-font-size': string | number;
     'radio-small-selector-size': string;
     'radio-selector-background': string | number;
@@ -355,7 +390,9 @@ declare const loadsmart: {
     'text-field-height': string | number;
     'text-field-padding-x': string | number;
     'text-field-padding-y': string | number;
-    'text-field-outline': string | number;
+    'text-field-box-shadow': string | number;
+    'text-field-outline': string;
+    'text-field-outline-offset': string;
     'text-field-small-height': string | number;
     'text-field-small-padding-x': string | number;
     'text-field-small-padding-y': string | number;
@@ -380,7 +417,7 @@ declare const loadsmart: {
     'text-field-dark-border-color--disabled': string | number;
     'text-field-success-border-color': string | number;
     'text-field-danger-border-color': string | number;
-    'text-field-dark-outline': string | number;
+    'text-field-dark-box-shadow': string | number;
     'textarea-border-radius': string | number;
     'textarea-color': string | number;
     'textarea-font-size': string | number;
@@ -389,7 +426,9 @@ declare const loadsmart: {
     'textarea-min-height': string;
     'textarea-padding-x': string | number;
     'textarea-padding-y': string | number;
-    'textarea-outline': string | number;
+    'textarea-box-shadow': string | number;
+    'textarea-outline': string;
+    'textarea-outline-offset': string;
     'textarea-small-padding-x': string | number;
     'textarea-small-padding-y': string | number;
     'textarea-small-font-size': string | number;
@@ -413,12 +452,15 @@ declare const loadsmart: {
     'textarea-dark-border-color--disabled': string | number;
     'textarea-success-border-color': string | number;
     'textarea-danger-border-color': string | number;
-    'textarea-dark-outline': string | number;
+    'textarea-dark-box-shadow': string | number;
     'link-font-size': string | number;
     'link-font-height': string | number;
     'link-color': string | number;
     'link-font-weight': string | number;
     'link-font-weight--hover': string | number;
+    'link-box-shadow': string | number;
+    'link-outline': string;
+    'link-outline-offset': string;
     'breadcrumbs-font-size': string | number;
     'breadcrumbs-font-height': string | number;
     'breadcrumbs-font-weight': string | number;
@@ -502,7 +544,9 @@ declare const loadsmart: {
     'switch-width': string;
     'switch-height': string;
     'switch-border-radius': string;
-    'switch-outline': string | number;
+    'switch-box-shadow': string | number;
+    'switch-outline': string;
+    'switch-outline-offset': string;
     'switch-large-width': string;
     'switch-large-height': string;
     'switch-large-border-radius': string;
@@ -601,9 +645,14 @@ declare const loadsmart: {
     'top-navigation-item-icon-color': string | number;
     'top-navigation-item-color': string | number;
     'top-navigation-item-color--hover': string | number;
+    'select-trigger-height': string;
+    'select-trigger-border-color': string | number;
     'select-selected-option-check-color': string | number;
     'select-selected-option-background-color': string | number;
     'toggle-text-transform': string;
+    'toggle-box-shadow': string | number;
+    'toggle-outline': string;
+    'toggle-outline-offset': string;
     'toggle-background-color': string | number;
     'toggle-background-color--hover': string | number;
     'toggle-background-color--focus': string | number;
@@ -657,10 +706,16 @@ declare const loadsmart: {
     'toggle-group-single-border-color': string | number;
     'toggle-group-single-border-radius': string | number;
     'toggle-group-single-padding': string;
+    'dropdown-trigger-border-color': string | number;
+    'dropdown-trigger-dark-border-color': string | number;
+    'dropdown-trigger-outlined-border-color': string | number;
     'dropdown-trigger-expanded-color': string | number;
     'dropdown-trigger-height': string | number;
     'dropdown-trigger-small-height': string | number;
     'dropdown-trigger-large-height': string | number;
+    'dropdown-trigger-box-shadow': string | number;
+    'dropdown-trigger-outline': string;
+    'dropdown-trigger-outline-offset': string;
     'height-small': string;
     'height-default': string;
     'height-large': string;