@baloise/ds-styles 17.4.0-snapshot.1609-d2bcc38d3 → 17.4.1

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 (75) hide show
  1. package/css/all.css +1058 -651
  2. package/css/all.css.map +1 -1
  3. package/css/all.min.css +1 -1
  4. package/css/baloise-design-system.css +1058 -651
  5. package/css/baloise-design-system.css.map +1 -1
  6. package/css/baloise-design-system.min.css +1 -1
  7. package/css/basic.css +127 -53
  8. package/css/basic.css.map +1 -1
  9. package/css/basic.min.css +1 -1
  10. package/css/core.css +53 -53
  11. package/css/core.css.map +1 -1
  12. package/css/core.min.css +1 -1
  13. package/css/structure.css.map +1 -1
  14. package/css/utilities/all.css +600 -600
  15. package/css/utilities/all.css.map +1 -1
  16. package/css/utilities/all.min.css +1 -1
  17. package/css/utilities/background.css.map +1 -1
  18. package/css/utilities/border.css.map +1 -1
  19. package/css/utilities/elevation.css.map +1 -1
  20. package/css/utilities/flex.css.map +1 -1
  21. package/css/utilities/grid.css.map +1 -1
  22. package/css/utilities/interaction.css.map +1 -1
  23. package/css/utilities/layout.css.map +1 -1
  24. package/css/utilities/sizing.css.map +1 -1
  25. package/css/utilities/spacing.css +600 -600
  26. package/css/utilities/spacing.css.map +1 -1
  27. package/css/utilities/spacing.min.css +1 -1
  28. package/css/utilities/typography.css.map +1 -1
  29. package/package.json +3 -3
  30. package/sass/all.sass +6 -6
  31. package/sass/baloise-design-system.sass +1 -1
  32. package/sass/basic.sass +5 -5
  33. package/sass/core.sass +4 -3
  34. package/sass/font.sass +1 -1
  35. package/sass/mixins.sass +3 -1
  36. package/sass/structure.sass +1 -1
  37. package/sass/utilities/all.sass +9 -9
  38. package/sass/utilities/background.sass +2 -2
  39. package/sass/utilities/border.sass +2 -2
  40. package/sass/utilities/elevation.sass +2 -2
  41. package/sass/utilities/flex.sass +2 -2
  42. package/sass/utilities/grid.sass +2 -2
  43. package/sass/utilities/interaction.sass +2 -2
  44. package/sass/utilities/layout.sass +2 -2
  45. package/sass/utilities/sizing.sass +2 -2
  46. package/sass/utilities/spacing.sass +2 -2
  47. package/sass/utilities/typography.sass +2 -2
  48. package/src/core/_all.sass +8 -8
  49. package/src/core/container.sass +0 -2
  50. package/src/core/form/_all.sass +6 -6
  51. package/src/core/form/button.sass +0 -2
  52. package/src/core/form/file.sass +0 -3
  53. package/src/core/form/input-textarea.sass +0 -2
  54. package/src/core/form/select.sass +0 -3
  55. package/src/core/form/shared.sass +0 -2
  56. package/src/core/form/tools.sass +0 -2
  57. package/src/core/grid.sass +0 -1
  58. package/src/core/link.sass +0 -2
  59. package/src/core/list.sass +0 -2
  60. package/src/core/table.sass +0 -2
  61. package/src/core/typography.sass +0 -2
  62. package/src/core/vars/_all.sass +7 -7
  63. package/src/generated/background.sass +0 -3
  64. package/src/generated/border.sass +0 -3
  65. package/src/generated/elevation.sass +0 -3
  66. package/src/generated/flex.sass +0 -3
  67. package/src/generated/interaction.sass +0 -3
  68. package/src/generated/layout.sass +0 -3
  69. package/src/generated/sizing.sass +0 -3
  70. package/src/generated/spacing.sass +600 -603
  71. package/src/generated/typography.sass +0 -3
  72. package/src/mixins/_all.sass +6 -6
  73. package/src/mixins/breakpoint.mixin.sass +0 -2
  74. package/src/mixins/extends.sass +0 -2
  75. package/src/mixins/general.mixin.sass +0 -1
package/css/structure.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/sass/structure.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;;AACF;EAEE;;AACF;EAEE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACF;EACE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AChEA;ED0DF;IAQI;IACA;;;ACvDF;ED8CF;IAWI;IACA;;;;AAEJ;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE","sourcesContent":["@use '../src/mixins/_all' as *\n\nhtml\n background-color: var(--bal-body-background)\n font-size: var(--bal-body-font-size)\n min-width: 300px\n overflow-x: hidden\n overflow-y: scroll\n text-rendering: optimizeLegibility\n text-size-adjust: 100%\n -moz-osx-font-smoothing: grayscale\n -webkit-font-smoothing: antialiased\n -webkit-tap-highlight-color: transparent\n -webkit-overflow-scrolling: auto\n\n*:focus\n -webkit-tap-highlight-color: transparent\n outline: none\n -ms-touch-action: manipulation\n touch-action: manipulation\n\narticle,\naside,\nfigure,\nfooter,\nheader,\nhgroup,\nsection\n display: block\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea\n font-family: var(--bal-body-font-family)\n\nbutton\n color: var(--bal-body-color)\n\nbody\n color: var(--bal-body-color)\n font-size: var(--bal-body-font-size)\n font-weight: var(--bal-body-font-weight)\n line-height: var(--bal-body-line-height)\n -webkit-overflow-scrolling: auto\n\na\n cursor: pointer\n text-decoration: none\n hyphens: auto\n margin: 0\n word-break: break-word\n -webkit-font-smoothing: antialiased\n -moz-osx-font-smoothing: grayscale\n strong,\n &:any-link\n color: currentColor\n &:hover,\n &:any-link:hover\n color: var(--bal-link-hover-color)\n &:active,\n &:any-link:active\n color: var(--bal-link-active-color)\n\np\n hyphens: auto\n margin: 0\n word-break: break-word\n -webkit-font-smoothing: antialiased\n -moz-osx-font-smoothing: grayscale\n strong\n color: currentColor\n &:not(:last-child)\n margin-bottom: var(--bal-space-normal)\n\nhr\n background-color: var(--bal-divider-background)\n border: none\n display: block\n height: var(--bal-border-width-normal)\n margin-top: var(--bal-space-xx-large)\n margin-bottom: var(--bal-space-xx-large)\n +tablet\n margin-top: var(--bal-space-xx-large-tablet)\n margin-bottom: var(--bal-space-xx-large-tablet)\n +desktop\n margin-top: var(--bal-space-xx-large-desktop)\n margin-bottom: var(--bal-space-xx-large-desktop)\n\nimg\n height: auto\n max-width: 100%\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"]\n vertical-align: baseline\n\nsmall\n font-size: var(--bal-small-font-size)\n\nspan\n font-style: inherit\n font-weight: inherit\n\nb,\nstrong\n color: inherit\n font-weight: var(--bal-strong-font-weight)\n\nfieldset\n border: none\n","@use '@baloise/ds-tokens/dist/tokens.scss' as *\n\n=from($device)\n @media screen and (min-width: $device)\n @content\n\n=until($device)\n @media screen and (max-width: $device - 1px)\n @content\n\n=between($min-device, $max-device)\n @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n @content\n\n=mobile\n @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n @content\n\n=tablet\n @media screen and (min-width: $bal-breakpoint-tablet), print\n @content\n\n=tablet-only\n @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=touch\n @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=desktop\n @media screen and (min-width: $bal-breakpoint-desktop)\n @content\n\n=desktop-only\n @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=high-definition\n @media screen and (min-width: $bal-breakpoint-high-definition)\n @content\n\n=high-definition-only\n @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=until-high-definition\n @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=until-widescreen\n @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=widescreen\n @media screen and (min-width: $bal-breakpoint-widescreen)\n @content\n\n=widescreen-only\n @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=until-fullhd\n @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=fullhd\n @media screen and (min-width: $bal-breakpoint-fullhd)\n @content\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/sass/structure.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;;AACF;EAEE;;AACF;EAEE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACF;EACE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AClEA;ED4DF;IAQI;IACA;;;ACzDF;EDgDF;IAWI;IACA;;;;AAEJ;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE","sourcesContent":["@import './mixins'\n\nhtml\n background-color: var(--bal-body-background)\n font-size: var(--bal-body-font-size)\n min-width: 300px\n overflow-x: hidden\n overflow-y: scroll\n text-rendering: optimizeLegibility\n text-size-adjust: 100%\n -moz-osx-font-smoothing: grayscale\n -webkit-font-smoothing: antialiased\n -webkit-tap-highlight-color: transparent\n -webkit-overflow-scrolling: auto\n\n*:focus\n -webkit-tap-highlight-color: transparent\n outline: none\n -ms-touch-action: manipulation\n touch-action: manipulation\n\narticle,\naside,\nfigure,\nfooter,\nheader,\nhgroup,\nsection\n display: block\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea\n font-family: var(--bal-body-font-family)\n\nbutton\n color: var(--bal-body-color)\n\nbody\n color: var(--bal-body-color)\n font-size: var(--bal-body-font-size)\n font-weight: var(--bal-body-font-weight)\n line-height: var(--bal-body-line-height)\n -webkit-overflow-scrolling: auto\n\na\n cursor: pointer\n text-decoration: none\n hyphens: auto\n margin: 0\n word-break: break-word\n -webkit-font-smoothing: antialiased\n -moz-osx-font-smoothing: grayscale\n strong,\n &:any-link\n color: currentColor\n &:hover,\n &:any-link:hover\n color: var(--bal-link-hover-color)\n &:active,\n &:any-link:active\n color: var(--bal-link-active-color)\n\np\n hyphens: auto\n margin: 0\n word-break: break-word\n -webkit-font-smoothing: antialiased\n -moz-osx-font-smoothing: grayscale\n strong\n color: currentColor\n &:not(:last-child)\n margin-bottom: var(--bal-space-normal)\n\nhr\n background-color: var(--bal-divider-background)\n border: none\n display: block\n height: var(--bal-border-width-normal)\n margin-top: var(--bal-space-xx-large)\n margin-bottom: var(--bal-space-xx-large)\n +tablet\n margin-top: var(--bal-space-xx-large-tablet)\n margin-bottom: var(--bal-space-xx-large-tablet)\n +desktop\n margin-top: var(--bal-space-xx-large-desktop)\n margin-bottom: var(--bal-space-xx-large-desktop)\n\nimg\n height: auto\n max-width: 100%\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"]\n vertical-align: baseline\n\nsmall\n font-size: var(--bal-small-font-size)\n\nspan\n font-style: inherit\n font-weight: inherit\n\nb,\nstrong\n color: inherit\n font-weight: var(--bal-strong-font-weight)\n\nfieldset\n border: none\n","=from($device)\n @media screen and (min-width: $device)\n @content\n\n=until($device)\n @media screen and (max-width: $device - 1px)\n @content\n\n=between($min-device, $max-device)\n @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n @content\n\n=mobile\n @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n @content\n\n=tablet\n @media screen and (min-width: $bal-breakpoint-tablet), print\n @content\n\n=tablet-only\n @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=touch\n @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=desktop\n @media screen and (min-width: $bal-breakpoint-desktop)\n @content\n\n=desktop-only\n @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=high-definition\n @media screen and (min-width: $bal-breakpoint-high-definition)\n @content\n\n=high-definition-only\n @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=until-high-definition\n @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=until-widescreen\n @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=widescreen\n @media screen and (min-width: $bal-breakpoint-widescreen)\n @content\n\n=widescreen-only\n @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=until-fullhd\n @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=fullhd\n @media screen and (min-width: $bal-breakpoint-fullhd)\n @content\n"]}