@designsystem-se/af 38.2.1-beta.dark-mode-css-labb → 39.0.1-beta.dark-mode

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/components/digi-badge-status.js +1 -1
  2. package/components/digi-calendar-datepicker.js +1 -1
  3. package/components/digi-code-example.js +6 -6
  4. package/components/digi-context-menu.js +4 -4
  5. package/components/digi-form-checkbox.js +1 -1
  6. package/components/digi-form-error-list.js +1 -1
  7. package/components/digi-form-filter.js +1 -1
  8. package/components/digi-form-select-filter.js +84 -47
  9. package/components/digi-header-avatar.js +1 -1
  10. package/components/digi-info-card.js +1 -1
  11. package/components/digi-link-internal.js +1 -1
  12. package/components/digi-notification-alert.js +1 -1
  13. package/components/digi-progress-indicator.js +1 -1
  14. package/components/digi-progress-list-item.js +1 -1
  15. package/components/{p-78154d00.js → p-90f7d507.js} +1 -1
  16. package/components/p-a162b186.js +177 -0
  17. package/components/p-d516f6af.js +66 -0
  18. package/custom-elements.json +1 -1
  19. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  20. package/dist/cjs/digi-badge-status.cjs.entry.js +1 -1
  21. package/dist/cjs/digi-button_84.cjs.entry.js +94 -57
  22. package/dist/cjs/digi-code-example.cjs.entry.js +5 -5
  23. package/dist/cjs/digi-progress-list-item.cjs.entry.js +1 -1
  24. package/dist/cjs/loader.cjs.js +1 -1
  25. package/dist/collection/components/_badge/badge-status/badge-status.css +2 -2
  26. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +131 -381
  27. package/dist/collection/components/_code/code-example/code-example.js +4 -5
  28. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +130 -380
  29. package/dist/collection/components/_form/form-select-filter/form-select-filter.js +85 -48
  30. package/dist/collection/components/_header/header-avatar/header-avatar.css +130 -380
  31. package/dist/collection/components/_link/link-internal/link-internal.css +130 -380
  32. package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.js +6 -6
  33. package/dist/collection/components/_notification/notification-alert/notification-alert.css +1 -1
  34. package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +1 -1
  35. package/dist/collection/components/_progress/progress-list-item/progress-list-item.css +2 -2
  36. package/dist/collection/design-tokens/components/_badge-status.variables.scss +1 -1
  37. package/dist/collection/design-tokens/components/_logo.variables.scss +0 -2
  38. package/dist/collection/design-tokens/components/_notification-alert.variables.scss +1 -1
  39. package/dist/collection/design-tokens/components/_progress-indicator.variables.scss +1 -1
  40. package/dist/collection/styles/src/_alias.mixin.scss +252 -2
  41. package/dist/collection/styles/src/index.scss +2 -16
  42. package/dist/collection/styles/src/themes/_brand-af25.mixin.scss +2 -2
  43. package/dist/collection/styles/src/tokens-documentation/web-AF25.json +308 -154
  44. package/dist/digi-arbetsformedlingen/design-tokens/components/_badge-status.variables.scss +1 -1
  45. package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +17 -15
  46. package/dist/digi-arbetsformedlingen/design-tokens/components/_notification-alert.variables.scss +1 -1
  47. package/dist/digi-arbetsformedlingen/design-tokens/components/_progress-indicator.variables.scss +1 -1
  48. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  49. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  50. package/dist/digi-arbetsformedlingen/{p-c1fd535b.entry.js → p-03b818fc.entry.js} +1 -1
  51. package/dist/digi-arbetsformedlingen/p-53880b04.entry.js +1 -0
  52. package/dist/digi-arbetsformedlingen/p-a2fb7d64.entry.js +1 -0
  53. package/dist/digi-arbetsformedlingen/p-f4b540e3.entry.js +1 -0
  54. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +252 -2
  55. package/dist/digi-arbetsformedlingen/styles/src/index.scss +2 -16
  56. package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af25.mixin.scss +2 -2
  57. package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +308 -154
  58. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  59. package/dist/esm/digi-badge-status.entry.js +1 -1
  60. package/dist/esm/digi-button_84.entry.js +94 -57
  61. package/dist/esm/digi-code-example.entry.js +5 -5
  62. package/dist/esm/digi-progress-list-item.entry.js +1 -1
  63. package/dist/esm/loader.js +1 -1
  64. package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +22 -3
  65. package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.d.ts +2 -2
  66. package/dist/types/components.d.ts +6 -6
  67. package/hydrate/index.js +102 -65
  68. package/hydrate/index.mjs +102 -65
  69. package/package.json +4 -2
  70. package/components/p-a90b746e.js +0 -177
  71. package/components/p-fdb31c30.js +0 -66
  72. package/dist/collection/styles/src/themes/_alias-dark.scss +0 -126
  73. package/dist/collection/styles/src/themes/_alias-light.scss +0 -126
  74. package/dist/digi-arbetsformedlingen/p-7ed49934.entry.js +0 -1
  75. package/dist/digi-arbetsformedlingen/p-ad638968.entry.js +0 -1
  76. package/dist/digi-arbetsformedlingen/p-ede12626.entry.js +0 -1
  77. package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-dark.scss +0 -126
  78. package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-light.scss +0 -126
package/dist/digi-arbetsformedlingen/p-ede12626.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as e,h as i,g as d}from"./p-52e3bb32.js";import{C as o,b as a,a as t,B as c}from"./p-53d9556b.js";import{B as l}from"./p-cf3ce3c5.js";import{_ as s}from"./p-903a27d9.js";import{r}from"./p-ffe5c0e8.js";const n=class{constructor(i){e(this,i),this._id=r("code"),this.isActive=!0,this.codeLanguage=void 0,this.hasControls=void 0,this.showMoreButton=void 0,this.containerElement=void 0,this.afCode=void 0,this.afCodeBlockVariation=o.DARK,this.afExampleVariation=a.LIGHT,this.afLanguage=t.HTML,this.afHideControls=void 0,this.afHideCode=void 0}get codeExample(){let e;return"object"==typeof this._codeExample?(this.codeLanguage||(this.codeLanguage=this.codeExampleLanguages[0]),e=this._codeExample[this.codeLanguage]):e=this._codeExample,e}set codeExample(e){try{this._codeExample=JSON.parse(e)}catch(i){this._codeExample=e}}get codeExampleLanguages(){return"object"==typeof this._codeExample&&Object.keys(this._codeExample)}codeExampleUpdate(){this.codeExample=this.afCode}componentWillLoad(){this.codeExampleUpdate(),this.hasControls=!!this.hostElement.querySelector('[slot="controls"]')||!!this.codeExampleLanguages}componentWillUpdate(){this.hasControls=!!this.hostElement.querySelector('[slot="controls"]')||!!this.codeExampleLanguages}componentDidLoad(){this.updateShowMoreButton()}toggleButtonClickHandler(){this.isActive=!this.isActive}copyButtonClickHandler(){navigator.clipboard.writeText(this.codeExample).then((()=>{}),(e=>{console.error(e)}))}codeLanguageChangeHandler(e){this.codeLanguage=e.target.value,this.codeExampleUpdate()}updateShowMoreButton(){const e=this.containerElement.querySelector(".digi-code-example__codeblock"),i=this.containerElement.querySelector(".digi-code-example__controls > span"),d=this.containerElement.querySelector(".digi-code-example__example");!this._codeHeightObserver&&e&&(this._codeHeightObserver=new ResizeObserver((e=>{const o=null==this.showMoreButton;this.showMoreButton=e[0].target.scrollHeight>=(i?i.scrollHeight-d.scrollHeight+35:64),o&&(this.isActive=!this.showMoreButton)})),this._codeHeightObserver.observe(e))}get cssModifiers(){return{"digi-code-example--active":this.isActive,"digi-code-example--inactive":!this.isActive,[`digi-code-example--hide-controls-${!!this.afHideControls}`]:!0,"digi-code-example--light":this.afExampleVariation===a.LIGHT,"digi-code-example--dark":this.afExampleVariation===a.DARK,"digi-code-example--no-controls":!this.hasControls&&!this.codeExampleLanguages}}capitalize(e){return e.toLowerCase().replace(/\w/,(e=>e.toUpperCase()))}render(){return i("div",{key:"64b359db9b5ce07f09ec04965ec86ae5055e08dd",class:Object.assign({"digi-code-example":!0},this.cssModifiers),ref:e=>this.containerElement=e},i("div",{key:"dccf1c981f42652cadc5761db4a25ee3e250ece3",class:{"digi-code-example__container":!0}},i("div",{key:"5adc1e437c61314cbb90460e126aa690b3cb40bb",class:"digi-code-example__example"},i("slot",{key:"630621134cd53d1e0523f785023178f4f3f03251"})),!this.afHideCode&&i("div",{key:"5530e6d9df1e69c6c365c435f6165311869d8198",class:"digi-code-example__code"},this.showMoreButton&&i("button",{key:"6f09b11e1c38d9e05f9191046093d38597d7296a",class:"digi-code-example__code-expand","aria-label":this.isActive?s.code.show_less:s.code.show_more,"aria-expanded":this.isActive?"true":"false",onClick:()=>this.toggleButtonClickHandler()},this.isActive?s.code.show_less:s.code.show_more," ",i("digi-icon-chevron-down",{key:"2d813db7f159d0e2a35c0949eb58b8a56e886a22",class:{"digi-code-example__code-expand-icon":!0,"digi-code-example__code-expand-icon--open":this.isActive},"aria-hidden":"true"})),i("div",{key:"c0bfcdb5072c09f74fecb30e49d5f21e02361e5e",class:{"digi-code-example__codeblock":!0,"digi-code-example__codeblock--light":"light"===this.afCodeBlockVariation,"digi-code-example__codeblock--dark":"dark"===this.afCodeBlockVariation,"digi-code-example__codeblock--fade":!this.isActive&&this.showMoreButton}},i("digi-code-block",{key:"3f0fd153637ab48268081008ef0d5b9f56efb407",afCode:this.codeExample||"",afLanguage:this.afLanguage.toLowerCase(),afVariation:this.afCodeBlockVariation,"af-hide-toolbar":!0}),this.isActive?"":i("div",{class:{"digi-code-example__fade":!0,"digi-code-example__fade--dark":"dark"===this.afCodeBlockVariation,"digi-code-example__fade--light":"light"===this.afCodeBlockVariation},onClick:()=>this.toggleButtonClickHandler()})))),this.hasControls||this.codeExampleLanguages?i("div",{class:{"digi-code-example__controls":!0},hidden:!!this.afHideControls},i("span",null,i("slot",{name:"controls"}),i("div",{class:"slot__controls"},this.codeExampleLanguages&&i("digi-form-fieldset",{"af-legend":s.code.language,"af-name":"Code-Language-"+this._id,onChange:e=>this.codeLanguageChangeHandler(e)},this.codeExampleLanguages.map((e=>i("digi-form-radiobutton",{afName:"Code-Language-"+this._id,afChecked:this.codeLanguage===e,afValue:e,afLabel:e})))))),i("digi-button",{class:"digi-code-example__copy-button",onAfOnClick:()=>this.copyButtonClickHandler(),"af-variation":l.FUNCTION,"af-size":c.MEDIUM},i("digi-icon-copy",{class:"digi-code-example__icon","aria-hidden":"true",slot:"icon"}),s.code.copy)):!this.afHideControls&&i("digi-button",{class:{"digi-code-example__copy-button":!0,"digi-code-example__copy-button--dark":"dark"===this.afCodeBlockVariation},onAfOnClick:()=>this.copyButtonClickHandler(),"af-variation":l.FUNCTION,"af-size":c.MEDIUM},i("digi-icon-copy",{class:"digi-code-example__icon","aria-hidden":"true",slot:"icon"}),s.code.copy))}get hostElement(){return d(this)}static get watchers(){return{afCode:["codeExampleUpdate"]}}};n.style=".sc-digi-code-example-h{--digi--code-example--background:var(--digi--color--background--primary);--digi--code-example--controls--width:16.25rem;display:block}.digi-code-example.sc-digi-code-example{background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px;border:var(--digi--border-width--primary) solid var(--digi--color--divider--primary--light);height:100%;display:flex;flex-direction:row;border-radius:0.3rem;position:relative}@media (max-width: 35.9375rem){.digi-code-example.sc-digi-code-example{min-width:360px}}.digi-code-example--light.sc-digi-code-example{background-color:#ffffff;background-image:linear-gradient(45deg, #efefef 25%, transparent 25%), linear-gradient(-45deg, #efefef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #efefef 75%), linear-gradient(-45deg, transparent 75%, #efefef 75%)}@media (prefers-color-scheme: dark){.digi-code-example--light.sc-digi-code-example{background-color:#787777;background-image:linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%)}}.digi-code-example--dark.sc-digi-code-example{background-color:#787777;background-image:linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%)}.digi-code-example__container.sc-digi-code-example{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;position:relative}.digi-code-example--no-controls.sc-digi-code-example{flex-direction:column}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button.sc-digi-code-example{margin-top:0;align-self:flex-end;margin-bottom:0.2rem;z-index:1;position:absolute;bottom:0;right:0}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button--dark.sc-digi-code-example{--digi--button--color--text--function--default:var(--digi--color--text--secondary);--digi--button--color--text--function--hover:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--secondary);--digi--button--color--icon--function--hover:var(--digi--color--text--secondary)}.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--largest-2);overflow-x:auto}@media (max-width: 48rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--medium)}}@media (max-width: 35.9375rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--small)}}.digi-code-example__copy-button.sc-digi-code-example{align-self:start;margin-top:var(--digi--padding--large);margin-right:var(--digi--padding--small)}.digi-code-example__codeblock.sc-digi-code-example digi-code-block.sc-digi-code-example{--digi--code-block--border-radius:0;--digi--code-block--border:none}.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--medium);background:var(--digi--color--background--secondary);display:flex;flex:0 var(--digi--code-example--controls--width);flex-direction:column;align-self:stretch;flex-shrink:0;justify-content:space-between;gap:var(--digi--gutter--medium)}@media (max-width: 48rem){.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--smaller)}}.digi-code-example__controls[hidden].sc-digi-code-example{display:none}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__code.sc-digi-code-example{display:flex;flex-direction:column;flex-grow:1}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{flex-grow:1;height:64px;overflow-y:hidden;position:relative}.digi-code-example__code-expand.sc-digi-code-example{display:flex;align-items:center;justify-content:center;gap:var(--digi--gutter--icon);width:100%;padding:0.875rem 0;background:#272727;color:var(--digi--color--text--secondary);font-size:var(--digi--typography--body--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);cursor:pointer;border:none}.digi-code-example__code-expand.sc-digi-code-example:hover{background:var(--digi--grayscale--900);text-decoration:underline}.digi-code-example__code-expand.sc-digi-code-example:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-code-example--no-controls.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{height:64px}.digi-code-example__copy-button.sc-digi-code-example{--digi--button--padding--small:0;--digi--button--padding--medium:0;--digi--button--padding--large:0}.digi-code-example__code-expand-icon.sc-digi-code-example{--digi--icon--color:var(--digi--color--text--secondary);transition:ease-in-out var(--digi--animation--duration--base) all}.digi-code-example__code-expand-icon--open.sc-digi-code-example{transform:rotate(180deg)}.digi-code-example__fade.sc-digi-code-example{position:absolute;width:100%;bottom:0;height:var(--digi--padding--largest-2)}.digi-code-example__fade--light.sc-digi-code-example{background-image:linear-gradient(0deg, white, transparent)}.digi-code-example__fade--dark.sc-digi-code-example{--digi--color--background--inverted-3:#272727;background-image:linear-gradient(0deg, var(--digi--grayscale--900), transparent)}.slot__controls.sc-digi-code-example{margin-bottom:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls{display:flex;flex-direction:column;gap:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls[hidden]{display:none}.sc-digi-code-example-s .slot__controls digi-form-fieldset,.sc-digi-code-example-s .slot__controls digi-form-select,.sc-digi-code-example-s .slot__controls digi-form-fieldset+digi-form-checkbox,.sc-digi-code-example-s .slot__controls .divider{display:block;border-bottom:1px solid var(--digi--color--divider--primary--light);padding-bottom:var(--digi--padding--smaller);margin-bottom:var(--digi--padding--medium)}";export{n as digi_code_example}
package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-dark.scss DELETED
@@ -1,126 +0,0 @@
1
- @mixin alias-dark {
2
- --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--dark);
3
- --digi--color--background--dropdown: var(--digi--color--background--dropdown--dark);
4
- --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--dark);
5
- --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--dark);
6
- --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--dark);
7
- --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--dark);
8
- --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--dark);
9
- --digi--color--background--interactive--default--quinary-ghost-gra: var(--digi--color--background--interactive--default--quinary-ghost-gra--dark);
10
- --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--dark);
11
- --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--dark);
12
- --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--dark);
13
- --digi--color--background--interactive--hover--ghost-rider: var(--digi--color--background--interactive--hover--ghost-rider--dark);
14
- --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--dark);
15
- --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--dark);
16
- --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--dark);
17
- --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--dark);
18
- --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--dark);
19
- --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--dark);
20
- --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--dark);
21
- --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--dark);
22
- --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--dark);
23
- --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--dark);
24
- --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--dark);
25
- --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--dark);
26
- --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--dark);
27
- --digi--color--background--notification: var(--digi--color--background--notification--dark);
28
- --digi--color--background--pop-out: var(--digi--color--background--pop-out--dark);
29
- --digi--color--background--primary: var(--digi--color--background--primary--dark);
30
- --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--dark);
31
- --digi--color--background--secondary: var(--digi--color--background--secondary--dark);
32
- --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--dark);
33
- --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--dark);
34
- --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--dark);
35
- --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--dark);
36
- --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--dark);
37
- --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--dark);
38
- --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--dark);
39
- --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--dark);
40
- --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--dark);
41
- --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--dark);
42
- --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--dark);
43
- --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--dark);
44
- --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--dark);
45
- --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--dark);
46
- --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--dark);
47
- --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--dark);
48
- --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--dark);
49
- --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--dark);
50
- --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--dark);
51
- --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--dark);
52
- --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--dark);
53
- --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--dark);
54
- --digi--color--background--surface: var(--digi--color--background--surface--dark);
55
- --digi--color--background--transparent: var(--digi--color--background--transparent--dark);
56
- --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--dark);
57
- --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--dark);
58
- --digi--color--border--interactive--default--discreeeeeeet: var(--digi--color--border--interactive--default--discreeeeeeet--dark);
59
- --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--dark);
60
- --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--dark);
61
- --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--dark);
62
- --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--dark);
63
- --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--dark);
64
- --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--dark);
65
- --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--dark);
66
- --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--dark);
67
- --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--dark);
68
- --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--dark);
69
- --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--dark);
70
- --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--dark);
71
- --digi--color--border--notification: var(--digi--color--border--notification--dark);
72
- --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--dark);
73
- --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--dark);
74
- --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--dark);
75
- --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--dark);
76
- --digi--color--border--transparent: var(--digi--color--border--transparent--dark);
77
- --digi--color--divider--cta: var(--digi--color--divider--cta--dark);
78
- --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--dark);
79
- --digi--color--divider--primary: var(--digi--color--divider--primary--dark);
80
- --digi--color--divider--secondary: var(--digi--color--divider--secondary--dark);
81
- --digi--color--divider--tertiary-hypotes: var(--digi--color--divider--tertiary-hypotes--dark);
82
- --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--dark);
83
- --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--dark);
84
- --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--dark);
85
- --digi--color--icon--cta: var(--digi--color--icon--cta--dark);
86
- --digi--color--icon--primary: var(--digi--color--icon--primary--dark);
87
- --digi--color--icon--primary-anti-reverse: var(--digi--color--icon--primary-anti-reverse--dark);
88
- --digi--color--icon--secondary: var(--digi--color--icon--secondary--dark);
89
- --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--dark);
90
- --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--dark);
91
- --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--dark);
92
- --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--dark);
93
- --digi--color--infographic--background: var(--digi--color--infographic--background--dark);
94
- --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--dark);
95
- --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--dark);
96
- --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--dark);
97
- --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--dark);
98
- --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--dark);
99
- --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--dark);
100
- --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--dark);
101
- --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--dark);
102
- --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--dark);
103
- --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--dark);
104
- --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--dark);
105
- --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--dark);
106
- --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--dark);
107
- --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--dark);
108
- --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--dark);
109
- --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--dark);
110
- --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--dark);
111
- --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--dark);
112
- --digi--color--text--description: var(--digi--color--text--description--dark);
113
- --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--dark);
114
- --digi--color--text--interactive--brand-primary-secondary-hypotes: var(--digi--color--text--interactive--brand-primary-secondary-hypotes--dark);
115
- --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--dark);
116
- --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--dark);
117
- --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--dark);
118
- --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--dark);
119
- --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--dark);
120
- --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--dark);
121
- --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--dark);
122
- --digi--color--text--primary: var(--digi--color--text--primary--dark);
123
- --digi--color--text--primary-stay: var(--digi--color--text--primary-stay--dark);
124
- --digi--color--text--secondary: var(--digi--color--text--secondary--dark);
125
- --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--dark);
126
- }
package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-light.scss DELETED
@@ -1,126 +0,0 @@
1
- @mixin alias-light {
2
- --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
3
- --digi--color--background--dropdown: var(--digi--color--background--dropdown--light);
4
- --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
5
- --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
6
- --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
7
- --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
8
- --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
9
- --digi--color--background--interactive--default--quinary-ghost-gra: var(--digi--color--background--interactive--default--quinary-ghost-gra--light);
10
- --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
11
- --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
12
- --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
13
- --digi--color--background--interactive--hover--ghost-rider: var(--digi--color--background--interactive--hover--ghost-rider--light);
14
- --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
15
- --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
16
- --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
17
- --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
18
- --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
19
- --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
20
- --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
21
- --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--light);
22
- --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
23
- --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
24
- --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
25
- --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
26
- --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
27
- --digi--color--background--notification: var(--digi--color--background--notification--light);
28
- --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
29
- --digi--color--background--primary: var(--digi--color--background--primary--light);
30
- --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light);
31
- --digi--color--background--secondary: var(--digi--color--background--secondary--light);
32
- --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
33
- --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--light);
34
- --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
35
- --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
36
- --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
37
- --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
38
- --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
39
- --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
40
- --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--light);
41
- --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
42
- --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
43
- --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
44
- --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
45
- --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
46
- --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light);
47
- --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
48
- --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
49
- --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
50
- --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
51
- --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
52
- --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
53
- --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
54
- --digi--color--background--surface: var(--digi--color--background--surface--light);
55
- --digi--color--background--transparent: var(--digi--color--background--transparent--light);
56
- --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
57
- --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
58
- --digi--color--border--interactive--default--discreeeeeeet: var(--digi--color--border--interactive--default--discreeeeeeet--light);
59
- --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
60
- --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
61
- --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
62
- --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
63
- --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
64
- --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
65
- --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
66
- --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
67
- --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
68
- --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
69
- --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
70
- --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
71
- --digi--color--border--notification: var(--digi--color--border--notification--light);
72
- --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
73
- --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
74
- --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
75
- --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
76
- --digi--color--border--transparent: var(--digi--color--border--transparent--light);
77
- --digi--color--divider--cta: var(--digi--color--divider--cta--light);
78
- --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
79
- --digi--color--divider--primary: var(--digi--color--divider--primary--light);
80
- --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
81
- --digi--color--divider--tertiary-hypotes: var(--digi--color--divider--tertiary-hypotes--light);
82
- --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
83
- --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--light);
84
- --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
85
- --digi--color--icon--cta: var(--digi--color--icon--cta--light);
86
- --digi--color--icon--primary: var(--digi--color--icon--primary--light);
87
- --digi--color--icon--primary-anti-reverse: var(--digi--color--icon--primary-anti-reverse--light);
88
- --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
89
- --digi--color--icon--secondary-reverse: var(--digi--color--icon--secondary-reverse--light);
90
- --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
91
- --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
92
- --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
93
- --digi--color--infographic--background: var(--digi--color--infographic--background--light);
94
- --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
95
- --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--light);
96
- --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
97
- --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--light);
98
- --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
99
- --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--light);
100
- --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--light);
101
- --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--light);
102
- --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--light);
103
- --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--light);
104
- --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
105
- --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
106
- --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
107
- --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
108
- --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
109
- --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
110
- --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
111
- --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
112
- --digi--color--text--description: var(--digi--color--text--description--light);
113
- --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
114
- --digi--color--text--interactive--brand-primary-secondary-hypotes: var(--digi--color--text--interactive--brand-primary-secondary-hypotes--light);
115
- --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
116
- --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
117
- --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--light);
118
- --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
119
- --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--light);
120
- --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
121
- --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
122
- --digi--color--text--primary: var(--digi--color--text--primary--light);
123
- --digi--color--text--primary-stay: var(--digi--color--text--primary-stay--light);
124
- --digi--color--text--secondary: var(--digi--color--text--secondary--light);
125
- --digi--color--text--secondary-stay: var(--digi--color--text--secondary-stay--light);
126
- }