npm - @milestone-sys/web-design-system - Versions diffs - 3.6.3 → 3.6.5 - Mend

@milestone-sys/web-design-system 3.6.3 → 3.6.5

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 (867) hide show

package/design-system.css +1 -1
package/main.css +1 -1
package/package.json +1 -1
package/assets.html +0 -13
package/components/detail/accordion-checkbox-large.html +0 -1051
package/components/detail/accordion-checkbox-medium-dark.html +0 -1051
package/components/detail/accordion-checkbox-medium-disabled.html +0 -1051
package/components/detail/accordion-checkbox-medium-filtered-list-items.html +0 -1055
package/components/detail/accordion-checkbox-medium-icon-left-floating-dark-yellow.html +0 -1077
package/components/detail/accordion-checkbox-medium-icon-left-floating.html +0 -1077
package/components/detail/accordion-checkbox-medium-icon-left.html +0 -1065
package/components/detail/accordion-checkbox-medium.html +0 -1060
package/components/detail/accordion-checkbox-overview.html +0 -1051
package/components/detail/accordion-input.html +0 -949
package/components/detail/accordion-label.html +0 -949
package/components/detail/accordion-modifier-icon-floating.html +0 -949
package/components/detail/accordion-modifier-icon-left.html +0 -949
package/components/detail/accordion-radio.html +0 -1053
package/components/detail/alert-dark-theme-default.html +0 -1009
package/components/detail/alert-dark-theme-solution.html +0 -1009
package/components/detail/alert-default-extra-attention.html +0 -1007
package/components/detail/alert-default-generic.html +0 -1006
package/components/detail/alert-default-solution-with-badge-and-ready-state.html +0 -1018
package/components/detail/alert-default-solution.html +0 -1010
package/components/detail/alert-default-without-image.html +0 -1004
package/components/detail/alert-default.html +0 -1006
package/components/detail/alert-hidden-after-refresh-checkbox.html +0 -1016
package/components/detail/alert-hidden-after-refresh.html +0 -1005
package/components/detail/alert-layouts.html +0 -1560
package/components/detail/alert-visible-after-refresh.html +0 -1005
package/components/detail/background-colors.html +0 -1287
package/components/detail/basic-card-default-dark.html +0 -1014
package/components/detail/basic-card-default-without-caption-with-header-icon.html +0 -1005
package/components/detail/basic-card-default-without-caption-with-header-image.html +0 -1001
package/components/detail/basic-card-default-without-caption.html +0 -997
package/components/detail/basic-card-default.html +0 -1014
package/components/detail/basic-card-grouping-center.html +0 -1014
package/components/detail/basic-card-grouping-left-with-flat-icon.html +0 -1024
package/components/detail/basic-card-grouping-left.html +0 -1014
package/components/detail/basic-card-grouping.html +0 -1122
package/components/detail/basic-card-layouts.html +0 -1886
package/components/detail/button-danger-dark-icon.html +0 -999
package/components/detail/button-danger-dark.html +0 -975
package/components/detail/button-danger-default.html +0 -975
package/components/detail/button-danger-icon.html +0 -999
package/components/detail/button-disabled-dark-icon.html +0 -999
package/components/detail/button-disabled-dark.html +0 -975
package/components/detail/button-floating-aligned-column.html +0 -1005
package/components/detail/button-floating-aligned-right.html +0 -1005
package/components/detail/button-floating-dark-aligned-column.html +0 -1005
package/components/detail/button-floating-dark-aligned-right.html +0 -1005
package/components/detail/button-floating-dark-default.html +0 -1005
package/components/detail/button-floating-dark-disabled.html +0 -1005
package/components/detail/button-floating-dark-secondary-aligned-column.html +0 -1005
package/components/detail/button-floating-dark-secondary-aligned-right.html +0 -1005
package/components/detail/button-floating-dark-secondary.html +0 -1005
package/components/detail/button-floating-default.html +0 -1005
package/components/detail/button-floating-disabled.html +0 -1005
package/components/detail/button-floating-overview.html +0 -969
package/components/detail/button-floating-positioning.html +0 -1007
package/components/detail/button-floating-secondary-aligned-column.html +0 -1005
package/components/detail/button-floating-secondary-aligned-right.html +0 -1005
package/components/detail/button-floating-secondary.html +0 -1005
package/components/detail/button-floating-states.html +0 -987
package/components/detail/button-gray-default.html +0 -975
package/components/detail/button-gray-icon.html +0 -999
package/components/detail/button-group-center-alignment.html +0 -965
package/components/detail/button-group-left-alignment.html +0 -965
package/components/detail/button-group-right-alignment.html +0 -965
package/components/detail/button-overview-direction.html +0 -983
package/components/detail/button-overview-global-definition.html +0 -975
package/components/detail/button-overview-sizes.html +0 -987
package/components/detail/button-overview-states.html +0 -1019
package/components/detail/button-primary-dark-icon.html +0 -999
package/components/detail/button-primary-dark.html +0 -975
package/components/detail/button-primary-default.html +0 -975
package/components/detail/button-primary-icon.html +0 -999
package/components/detail/button-secondary-dark-icon.html +0 -999
package/components/detail/button-secondary-dark.html +0 -975
package/components/detail/button-secondary-default.html +0 -975
package/components/detail/button-secondary-icon.html +0 -999
package/components/detail/button-tertiary-default.html +0 -975
package/components/detail/button-tertiary-icon.html +0 -999
package/components/detail/buttons-overview.html +0 -2069
package/components/detail/category-dark.html +0 -1022
package/components/detail/category-disabled-dark.html +0 -1014
package/components/detail/category-disabled.html +0 -1014
package/components/detail/category-full-row.html +0 -1178
package/components/detail/category-overview-dark-states.html +0 -1058
package/components/detail/category-overview-dark.html +0 -1022
package/components/detail/category-overview-sizes.html +0 -1030
package/components/detail/category-overview-states.html +0 -1058
package/components/detail/category-small-dark.html +0 -1022
package/components/detail/category-small-disabled-dark.html +0 -1014
package/components/detail/category-small-disabled.html +0 -1014
package/components/detail/category-small-full-row.html +0 -1250
package/components/detail/category-small.html +0 -1022
package/components/detail/category.html +0 -1022
package/components/detail/checkbox-checked.html +0 -968
package/components/detail/checkbox-disabled.html +0 -968
package/components/detail/checkbox-focus.html +0 -968
package/components/detail/checkbox-global-definition.html +0 -968
package/components/detail/checkbox-hover.html +0 -968
package/components/detail/checkbox-inline.html +0 -974
package/components/detail/checkbox-readonly.html +0 -969
package/components/detail/colors-and-shadows.html +0 -1403
package/components/detail/contact-cards.html +0 -2151
package/components/detail/contact-content.html +0 -1017
package/components/detail/contact-overview.html +0 -1147
package/components/detail/contact-sizes.html +0 -1108
package/components/detail/contact-small.html +0 -1038
package/components/detail/contact-without-image-small.html +0 -1028
package/components/detail/contact-without-image.html +0 -1028
package/components/detail/contact.html +0 -1038
package/components/detail/divider-dark-blue.html +0 -949
package/components/detail/divider-default.html +0 -949
package/components/detail/divider-gray-5.html +0 -949
package/components/detail/divider-white-50.html +0 -949
package/components/detail/divider-white.html +0 -949
package/components/detail/divider-yellow.html +0 -949
package/components/detail/generic-card-aspect-16by9.html +0 -1001
package/components/detail/generic-card-aspect-2by1-small.html +0 -1116
package/components/detail/generic-card-aspect-2by1.html +0 -1110
package/components/detail/generic-card-aspect.html +0 -1050
package/components/detail/generic-card-default-small-dark-theme.html +0 -1000
package/components/detail/generic-card-default-small-svg.html +0 -1000
package/components/detail/generic-card-default-small.html +0 -999
package/components/detail/generic-card-default-svg-dark.html +0 -999
package/components/detail/generic-card-default-svg.html +0 -998
package/components/detail/generic-card-default.html +0 -999
package/components/detail/generic-card-media-dark-theme.html +0 -1031
package/components/detail/generic-card-media-floating-icon.html +0 -1042
package/components/detail/generic-card-media-small.html +0 -1027
package/components/detail/generic-card-media.html +0 -1027
package/components/detail/generic-card-overview.html +0 -1062
package/components/detail/generic-flat-icons.html +0 -951
package/components/detail/generic-rich-icons.html +0 -951
package/components/detail/global-colors-alternative.html +0 -1301
package/components/detail/global-colors-gradients.html +0 -1305
package/components/detail/global-colors-gray-white-black.html +0 -1304
package/components/detail/global-colors-primary.html +0 -1295
package/components/detail/global-colors-shadows.html +0 -1295
package/components/detail/global-colors-transparency.html +0 -1306
package/components/detail/global-margins.html +0 -995
package/components/detail/global-paddings.html +0 -951
package/components/detail/gradient-background-colors.html +0 -1517
package/components/detail/input-disabled.html +0 -1003
package/components/detail/input-field.html +0 -1226
package/components/detail/input-focus.html +0 -1003
package/components/detail/input-hover.html +0 -1003
package/components/detail/input-readonly.html +0 -1003
package/components/detail/input-sizes.html +0 -1007
package/components/detail/input-state-error.html +0 -1003
package/components/detail/input-state-success.html +0 -1003
package/components/detail/input.html +0 -981
package/components/detail/large-section-spacing-definitions.html +0 -1011
package/components/detail/large-section-spacing.html +0 -977
package/components/detail/links.html +0 -977
package/components/detail/lists.html +0 -973
package/components/detail/marketplace-flat-icons.html +0 -951
package/components/detail/marketplace-rich-icons.html +0 -951
package/components/detail/matching-content-height-card.html +0 -1599
package/components/detail/medium-section-spacing-definitions.html +0 -1011
package/components/detail/medium-section-spacing.html +0 -977
package/components/detail/modal-on-click.html +0 -1017
package/components/detail/modal-on-load-demo.html +0 -1012
package/components/detail/modal-on-load.html +0 -1012
package/components/detail/msds-text-alt-blue-1.html +0 -1287
package/components/detail/msds-text-alt-blue-2.html +0 -1287
package/components/detail/msds-text-alt-blue-3.html +0 -1287
package/components/detail/msds-text-alt-yellow-1.html +0 -1287
package/components/detail/msds-text-alt-yellow-2.html +0 -1287
package/components/detail/msds-text-black.html +0 -1287
package/components/detail/msds-text-clear-blue.html +0 -1287
package/components/detail/msds-text-confirm-green.html +0 -1287
package/components/detail/msds-text-danger-red-1.html +0 -1287
package/components/detail/msds-text-danger-red-2.html +0 -1287
package/components/detail/msds-text-dark-blue.html +0 -1287
package/components/detail/msds-text-gray-1.html +0 -1287
package/components/detail/msds-text-gray-10.html +0 -1287
package/components/detail/msds-text-gray-2.html +0 -1287
package/components/detail/msds-text-gray-3.html +0 -1287
package/components/detail/msds-text-gray-4.html +0 -1287
package/components/detail/msds-text-gray-5.html +0 -1287
package/components/detail/msds-text-gray-6.html +0 -1287
package/components/detail/msds-text-gray-7.html +0 -1287
package/components/detail/msds-text-gray-8.html +0 -1287
package/components/detail/msds-text-gray-9.html +0 -1287
package/components/detail/msds-text-sand.html +0 -1287
package/components/detail/msds-text-white.html +0 -1287
package/components/detail/msds-text-yellow.html +0 -1287
package/components/detail/popover-bottom.html +0 -1018
package/components/detail/popover-global-definition.html +0 -1018
package/components/detail/popover-left.html +0 -1018
package/components/detail/popover-top.html +0 -1018
package/components/detail/preview-dark.html +0 -1014
package/components/detail/preview.html +0 -1001
package/components/detail/progress-bar-dark-theme.html +0 -997
package/components/detail/progress-bar-features.html +0 -1023
package/components/detail/progress-bar-global-definition.html +0 -973
package/components/detail/progress-bar-light-theme.html +0 -997
package/components/detail/progress-bar-sizes.html +0 -999
package/components/detail/radio-button-disabled.html +0 -963
package/components/detail/radio-button-focus.html +0 -963
package/components/detail/radio-button-global-definition.html +0 -975
package/components/detail/radio-button-hover.html +0 -963
package/components/detail/radio-button-readonly.html +0 -964
package/components/detail/radio-button-selected.html +0 -963
package/components/detail/section-checkbox-dark.html +0 -1019
package/components/detail/section-checkbox-nested-accordion.html +0 -1124
package/components/detail/section-checkbox.html +0 -1083
package/components/detail/section-radio-dark.html +0 -1083
package/components/detail/section-radio-nested-accordion.html +0 -1135
package/components/detail/section-radio.html +0 -1081
package/components/detail/select-input-default.html +0 -973
package/components/detail/select-input-error.html +0 -971
package/components/detail/select-input-global-definition.html +0 -983
package/components/detail/select-input-not-required.html +0 -973
package/components/detail/select-input-required.html +0 -973
package/components/detail/select-input-small.html +0 -969
package/components/detail/small-section-spacing-definitions.html +0 -1017
package/components/detail/small-section-spacing.html +0 -977
package/components/detail/solid-background-colors.html +0 -1457
package/components/detail/solution-card-default-layout.html +0 -1210
package/components/detail/solution-card-default.html +0 -1040
package/components/detail/solution-card-layouts.html +0 -2085
package/components/detail/solution-card-optional-certification-badges.html +0 -1054
package/components/detail/solution-card-optional-solution-badges.html +0 -1054
package/components/detail/solution-card-sizes.html +0 -1125
package/components/detail/solution-card-small.html +0 -1040
package/components/detail/switch-checked.html +0 -973
package/components/detail/switch-default.html +0 -973
package/components/detail/switch-disabled-readonly.html +0 -973
package/components/detail/switch-disabled.html +0 -973
package/components/detail/switch-global.html +0 -983
package/components/detail/tab-tile.html +0 -2409
package/components/detail/table-dark-theme-default-expandable-rows.html +0 -1204
package/components/detail/table-dark-theme-default.html +0 -1228
package/components/detail/table-default-dark.html +0 -1179
package/components/detail/table-default-expandable-rows.html +0 -1203
package/components/detail/table-default-medium.html +0 -1179
package/components/detail/table-default-small.html +0 -1179
package/components/detail/table-default.html +0 -1227
package/components/detail/text-area-disabled.html +0 -1011
package/components/detail/text-area-error.html +0 -1011
package/components/detail/text-area-field.html +0 -985
package/components/detail/text-area-focus.html +0 -1011
package/components/detail/text-area-hover.html +0 -1011
package/components/detail/text-area-readonly.html +0 -1011
package/components/detail/text-area-sizes.html +0 -1011
package/components/detail/text-area-success.html +0 -1011
package/components/detail/text-area.html +0 -1167
package/components/detail/text-colors.html +0 -1287
package/components/detail/text.html +0 -1037
package/components/detail/typography-body-texts.html +0 -993
package/components/detail/typography-displays.html +0 -959
package/components/detail/typography-headers.html +0 -965
package/components/detail/typography-leads.html +0 -951
package/components/detail/typography-links-dark-theme.html +0 -1159
package/components/detail/typography-links-light-theme.html +0 -1123
package/components/detail/typography-links-secondary.html +0 -1011
package/components/detail/typography-unordered-lists.html +0 -973
package/components/preview/accordion-checkbox-large.html +0 -81
package/components/preview/accordion-checkbox-medium-dark.html +0 -81
package/components/preview/accordion-checkbox-medium-disabled.html +0 -82
package/components/preview/accordion-checkbox-medium-filtered-list-items.html +0 -84
package/components/preview/accordion-checkbox-medium-icon-left-floating-dark-yellow.html +0 -95
package/components/preview/accordion-checkbox-medium-icon-left-floating.html +0 -95
package/components/preview/accordion-checkbox-medium-icon-left.html +0 -90
package/components/preview/accordion-checkbox-medium.html +0 -81
package/components/preview/accordion-checkbox-overview.html +0 -83
package/components/preview/accordion-input.html +0 -30
package/components/preview/accordion-label.html +0 -30
package/components/preview/accordion-modifier-icon-floating.html +0 -30
package/components/preview/accordion-modifier-icon-left.html +0 -31
package/components/preview/accordion-radio.html +0 -83
package/components/preview/alert-dark-theme-default.html +0 -59
package/components/preview/alert-dark-theme-solution.html +0 -59
package/components/preview/alert-default-extra-attention.html +0 -58
package/components/preview/alert-default-generic.html +0 -58
package/components/preview/alert-default-solution-with-badge-and-ready-state.html +0 -64
package/components/preview/alert-default-solution.html +0 -60
package/components/preview/alert-default-without-image.html +0 -57
package/components/preview/alert-default.html +0 -58
package/components/preview/alert-hidden-after-refresh-checkbox.html +0 -63
package/components/preview/alert-hidden-after-refresh.html +0 -57
package/components/preview/alert-layouts.html +0 -341
package/components/preview/alert-visible-after-refresh.html +0 -57
package/components/preview/background-colors.html +0 -50
package/components/preview/basic-card-default-dark.html +0 -55
package/components/preview/basic-card-default-without-caption-with-header-icon.html +0 -50
package/components/preview/basic-card-default-without-caption-with-header-image.html +0 -48
package/components/preview/basic-card-default-without-caption.html +0 -46
package/components/preview/basic-card-default.html +0 -55
package/components/preview/basic-card-grouping-center.html +0 -55
package/components/preview/basic-card-grouping-left-with-flat-icon.html +0 -60
package/components/preview/basic-card-grouping-left.html +0 -55
package/components/preview/basic-card-grouping.html +0 -110
package/components/preview/basic-card-layouts.html +0 -494
package/components/preview/button-danger-dark-icon.html +0 -51
package/components/preview/button-danger-dark.html +0 -44
package/components/preview/button-danger-default.html +0 -42
package/components/preview/button-danger-icon.html +0 -51
package/components/preview/button-disabled-dark-icon.html +0 -51
package/components/preview/button-disabled-dark.html +0 -44
package/components/preview/button-floating-aligned-column.html +0 -57
package/components/preview/button-floating-aligned-right.html +0 -57
package/components/preview/button-floating-dark-aligned-column.html +0 -57
package/components/preview/button-floating-dark-aligned-right.html +0 -57
package/components/preview/button-floating-dark-default.html +0 -57
package/components/preview/button-floating-dark-disabled.html +0 -57
package/components/preview/button-floating-dark-secondary-aligned-column.html +0 -57
package/components/preview/button-floating-dark-secondary-aligned-right.html +0 -57
package/components/preview/button-floating-dark-secondary.html +0 -57
package/components/preview/button-floating-default.html +0 -57
package/components/preview/button-floating-disabled.html +0 -57
package/components/preview/button-floating-overview.html +0 -39
package/components/preview/button-floating-positioning.html +0 -58
package/components/preview/button-floating-secondary-aligned-column.html +0 -57
package/components/preview/button-floating-secondary-aligned-right.html +0 -57
package/components/preview/button-floating-secondary.html +0 -57
package/components/preview/button-floating-states.html +0 -48
package/components/preview/button-gray-default.html +0 -43
package/components/preview/button-gray-icon.html +0 -51
package/components/preview/button-group-center-alignment.html +0 -37
package/components/preview/button-group-left-alignment.html +0 -37
package/components/preview/button-group-right-alignment.html +0 -37
package/components/preview/button-overview-direction.html +0 -45
package/components/preview/button-overview-global-definition.html +0 -41
package/components/preview/button-overview-sizes.html +0 -48
package/components/preview/button-overview-states.html +0 -59
package/components/preview/button-primary-dark-icon.html +0 -51
package/components/preview/button-primary-dark.html +0 -44
package/components/preview/button-primary-default.html +0 -42
package/components/preview/button-primary-icon.html +0 -52
package/components/preview/button-secondary-dark-icon.html +0 -51
package/components/preview/button-secondary-dark.html +0 -44
package/components/preview/button-secondary-default.html +0 -44
package/components/preview/button-secondary-icon.html +0 -51
package/components/preview/button-tertiary-default.html +0 -42
package/components/preview/button-tertiary-icon.html +0 -51
package/components/preview/buttons-overview.html +0 -510
package/components/preview/category-dark.html +0 -67
package/components/preview/category-disabled-dark.html +0 -63
package/components/preview/category-disabled.html +0 -59
package/components/preview/category-full-row.html +0 -139
package/components/preview/category-overview-dark-states.html +0 -85
package/components/preview/category-overview-dark.html +0 -67
package/components/preview/category-overview-sizes.html +0 -67
package/components/preview/category-overview-states.html +0 -81
package/components/preview/category-small-dark.html +0 -67
package/components/preview/category-small-disabled-dark.html +0 -63
package/components/preview/category-small-disabled.html +0 -59
package/components/preview/category-small-full-row.html +0 -175
package/components/preview/category-small.html +0 -63
package/components/preview/category.html +0 -63
package/components/preview/checkbox-checked.html +0 -38
package/components/preview/checkbox-disabled.html +0 -38
package/components/preview/checkbox-focus.html +0 -38
package/components/preview/checkbox-global-definition.html +0 -38
package/components/preview/checkbox-hover.html +0 -38
package/components/preview/checkbox-inline.html +0 -41
package/components/preview/checkbox-readonly.html +0 -39
package/components/preview/colors-and-shadows.html +0 -126
package/components/preview/contact-cards.html +0 -622
package/components/preview/contact-content.html +0 -56
package/components/preview/contact-overview.html +0 -121
package/components/preview/contact-sizes.html +0 -102
package/components/preview/contact-small.html +0 -67
package/components/preview/contact-without-image-small.html +0 -62
package/components/preview/contact-without-image.html +0 -62
package/components/preview/contact.html +0 -67
package/components/preview/divider-dark-blue.html +0 -29
package/components/preview/divider-default.html +0 -30
package/components/preview/divider-gray-5.html +0 -29
package/components/preview/divider-white-50.html +0 -29
package/components/preview/divider-white.html +0 -29
package/components/preview/divider-yellow.html +0 -30
package/components/preview/generic-card-aspect-16by9.html +0 -49
package/components/preview/generic-card-aspect-2by1-small.html +0 -110
package/components/preview/generic-card-aspect-2by1.html +0 -106
package/components/preview/generic-card-aspect.html +0 -74
package/components/preview/generic-card-default-small-dark-theme.html +0 -48
package/components/preview/generic-card-default-small-svg.html +0 -48
package/components/preview/generic-card-default-small.html +0 -49
package/components/preview/generic-card-default-svg-dark.html +0 -48
package/components/preview/generic-card-default-svg.html +0 -47
package/components/preview/generic-card-default.html +0 -50
package/components/preview/generic-card-media-dark-theme.html +0 -64
package/components/preview/generic-card-media-floating-icon.html +0 -70
package/components/preview/generic-card-media-small.html +0 -62
package/components/preview/generic-card-media.html +0 -62
package/components/preview/generic-card-overview.html +0 -80
package/components/preview/generic-flat-icons.html +0 -54
package/components/preview/generic-rich-icons.html +0 -54
package/components/preview/global-colors-alternative.html +0 -59
package/components/preview/global-colors-gradients.html +0 -63
package/components/preview/global-colors-gray-white-black.html +0 -62
package/components/preview/global-colors-primary.html +0 -53
package/components/preview/global-colors-shadows.html +0 -54
package/components/preview/global-colors-transparency.html +0 -64
package/components/preview/global-margins.html +0 -51
package/components/preview/global-paddings.html +0 -30
package/components/preview/gradient-background-colors.html +0 -164
package/components/preview/input-disabled.html +0 -56
package/components/preview/input-field.html +0 -164
package/components/preview/input-focus.html +0 -56
package/components/preview/input-hover.html +0 -56
package/components/preview/input-readonly.html +0 -56
package/components/preview/input-sizes.html +0 -58
package/components/preview/input-state-error.html +0 -56
package/components/preview/input-state-success.html +0 -56
package/components/preview/input.html +0 -45
package/components/preview/large-section-spacing-definitions.html +0 -59
package/components/preview/large-section-spacing.html +0 -42
package/components/preview/links.html +0 -44
package/components/preview/lists.html +0 -42
package/components/preview/marketplace-flat-icons.html +0 -54
package/components/preview/marketplace-rich-icons.html +0 -54
package/components/preview/matching-content-height-card.html +0 -354
package/components/preview/medium-section-spacing-definitions.html +0 -59
package/components/preview/medium-section-spacing.html +0 -42
package/components/preview/modal-on-click.html +0 -63
package/components/preview/modal-on-load-demo.html +0 -61
package/components/preview/modal-on-load.html +0 -61
package/components/preview/msds-text-alt-blue-1.html +0 -49
package/components/preview/msds-text-alt-blue-2.html +0 -49
package/components/preview/msds-text-alt-blue-3.html +0 -49
package/components/preview/msds-text-alt-yellow-1.html +0 -49
package/components/preview/msds-text-alt-yellow-2.html +0 -49
package/components/preview/msds-text-black.html +0 -49
package/components/preview/msds-text-clear-blue.html +0 -49
package/components/preview/msds-text-confirm-green.html +0 -49
package/components/preview/msds-text-danger-red-1.html +0 -49
package/components/preview/msds-text-danger-red-2.html +0 -49
package/components/preview/msds-text-dark-blue.html +0 -49
package/components/preview/msds-text-gray-1.html +0 -49
package/components/preview/msds-text-gray-10.html +0 -49
package/components/preview/msds-text-gray-2.html +0 -49
package/components/preview/msds-text-gray-3.html +0 -49
package/components/preview/msds-text-gray-4.html +0 -49
package/components/preview/msds-text-gray-5.html +0 -49
package/components/preview/msds-text-gray-6.html +0 -49
package/components/preview/msds-text-gray-7.html +0 -49
package/components/preview/msds-text-gray-8.html +0 -49
package/components/preview/msds-text-gray-9.html +0 -49
package/components/preview/msds-text-sand.html +0 -49
package/components/preview/msds-text-white.html +0 -49
package/components/preview/msds-text-yellow.html +0 -49
package/components/preview/popover-bottom.html +0 -61
package/components/preview/popover-global-definition.html +0 -61
package/components/preview/popover-left.html +0 -61
package/components/preview/popover-top.html +0 -61
package/components/preview/preview-dark.html +0 -59
package/components/preview/preview.html +0 -29
package/components/preview/progress-bar-dark-theme.html +0 -57
package/components/preview/progress-bar-features.html +0 -66
package/components/preview/progress-bar-global-definition.html +0 -41
package/components/preview/progress-bar-light-theme.html +0 -53
package/components/preview/progress-bar-sizes.html +0 -55
package/components/preview/radio-button-disabled.html +0 -36
package/components/preview/radio-button-focus.html +0 -36
package/components/preview/radio-button-global-definition.html +0 -42
package/components/preview/radio-button-hover.html +0 -36
package/components/preview/radio-button-readonly.html +0 -37
package/components/preview/radio-button-selected.html +0 -36
package/components/preview/section-checkbox-dark.html +0 -64
package/components/preview/section-checkbox-nested-accordion.html +0 -119
package/components/preview/section-checkbox.html +0 -96
package/components/preview/section-radio-dark.html +0 -96
package/components/preview/section-radio-nested-accordion.html +0 -144
package/components/preview/section-radio.html +0 -95
package/components/preview/select-input-default.html +0 -41
package/components/preview/select-input-error.html +0 -40
package/components/preview/select-input-global-definition.html +0 -46
package/components/preview/select-input-not-required.html +0 -41
package/components/preview/select-input-required.html +0 -41
package/components/preview/select-input-small.html +0 -38
package/components/preview/small-section-spacing-definitions.html +0 -62
package/components/preview/small-section-spacing.html +0 -42
package/components/preview/solid-background-colors.html +0 -135
package/components/preview/solution-card-default-layout.html +0 -158
package/components/preview/solution-card-default.html +0 -74
package/components/preview/solution-card-layouts.html +0 -587
package/components/preview/solution-card-optional-certification-badges.html +0 -82
package/components/preview/solution-card-optional-solution-badges.html +0 -82
package/components/preview/solution-card-sizes.html +0 -116
package/components/preview/solution-card-small.html +0 -74
package/components/preview/switch-checked.html +0 -41
package/components/preview/switch-default.html +0 -41
package/components/preview/switch-disabled-readonly.html +0 -41
package/components/preview/switch-disabled.html +0 -41
package/components/preview/switch-global.html +0 -46
package/components/preview/tab-tile.html +0 -1128
package/components/preview/table-dark-theme-default-expandable-rows.html +0 -160
package/components/preview/table-dark-theme-default.html +0 -172
package/components/preview/table-default-dark.html +0 -144
package/components/preview/table-default-expandable-rows.html +0 -156
package/components/preview/table-default-medium.html +0 -144
package/components/preview/table-default-small.html +0 -144
package/components/preview/table-default.html +0 -168
package/components/preview/text-area-disabled.html +0 -60
package/components/preview/text-area-error.html +0 -60
package/components/preview/text-area-field.html +0 -47
package/components/preview/text-area-focus.html +0 -60
package/components/preview/text-area-hover.html +0 -60
package/components/preview/text-area-readonly.html +0 -60
package/components/preview/text-area-sizes.html +0 -60
package/components/preview/text-area-success.html +0 -60
package/components/preview/text-area.html +0 -147
package/components/preview/text-colors.html +0 -49
package/components/preview/text.html +0 -74
package/components/preview/typography-body-texts.html +0 -52
package/components/preview/typography-displays.html +0 -34
package/components/preview/typography-headers.html +0 -37
package/components/preview/typography-leads.html +0 -30
package/components/preview/typography-links-dark-theme.html +0 -135
package/components/preview/typography-links-light-theme.html +0 -117
package/components/preview/typography-links-secondary.html +0 -61
package/components/preview/typography-unordered-lists.html +0 -41
package/components/raw/tab-tile/tab-tile.js +0 -139
package/components/raw/tab-tile/tab-tile.scss +0 -256
package/components/render/accordion-checkbox-large.html +0 -55
package/components/render/accordion-checkbox-medium-dark.html +0 -55
package/components/render/accordion-checkbox-medium-disabled.html +0 -56
package/components/render/accordion-checkbox-medium-filtered-list-items.html +0 -58
package/components/render/accordion-checkbox-medium-icon-left-floating-dark-yellow.html +0 -69
package/components/render/accordion-checkbox-medium-icon-left-floating.html +0 -69
package/components/render/accordion-checkbox-medium-icon-left.html +0 -64
package/components/render/accordion-checkbox-medium.html +0 -55
package/components/render/accordion-checkbox-overview.html +0 -57
package/components/render/accordion-input.html +0 -4
package/components/render/accordion-label.html +0 -4
package/components/render/accordion-modifier-icon-floating.html +0 -4
package/components/render/accordion-modifier-icon-left.html +0 -5
package/components/render/accordion-radio.html +0 -57
package/components/render/alert-dark-theme-default.html +0 -33
package/components/render/alert-dark-theme-solution.html +0 -33
package/components/render/alert-default-extra-attention.html +0 -32
package/components/render/alert-default-generic.html +0 -32
package/components/render/alert-default-solution-with-badge-and-ready-state.html +0 -38
package/components/render/alert-default-solution.html +0 -34
package/components/render/alert-default-without-image.html +0 -31
package/components/render/alert-default.html +0 -32
package/components/render/alert-hidden-after-refresh-checkbox.html +0 -37
package/components/render/alert-hidden-after-refresh.html +0 -31
package/components/render/alert-layouts.html +0 -315
package/components/render/alert-visible-after-refresh.html +0 -31
package/components/render/background-colors.html +0 -4
package/components/render/basic-card-default-dark.html +0 -29
package/components/render/basic-card-default-without-caption-with-header-icon.html +0 -24
package/components/render/basic-card-default-without-caption-with-header-image.html +0 -22
package/components/render/basic-card-default-without-caption.html +0 -20
package/components/render/basic-card-default.html +0 -29
package/components/render/basic-card-grouping-center.html +0 -29
package/components/render/basic-card-grouping-left-with-flat-icon.html +0 -34
package/components/render/basic-card-grouping-left.html +0 -29
package/components/render/basic-card-grouping.html +0 -84
package/components/render/basic-card-layouts.html +0 -468
package/components/render/button-danger-dark-icon.html +0 -25
package/components/render/button-danger-dark.html +0 -18
package/components/render/button-danger-default.html +0 -16
package/components/render/button-danger-icon.html +0 -25
package/components/render/button-disabled-dark-icon.html +0 -25
package/components/render/button-disabled-dark.html +0 -18
package/components/render/button-floating-aligned-column.html +0 -31
package/components/render/button-floating-aligned-right.html +0 -31
package/components/render/button-floating-dark-aligned-column.html +0 -31
package/components/render/button-floating-dark-aligned-right.html +0 -31
package/components/render/button-floating-dark-default.html +0 -31
package/components/render/button-floating-dark-disabled.html +0 -31
package/components/render/button-floating-dark-secondary-aligned-column.html +0 -31
package/components/render/button-floating-dark-secondary-aligned-right.html +0 -31
package/components/render/button-floating-dark-secondary.html +0 -31
package/components/render/button-floating-default.html +0 -31
package/components/render/button-floating-disabled.html +0 -31
package/components/render/button-floating-overview.html +0 -13
package/components/render/button-floating-positioning.html +0 -32
package/components/render/button-floating-secondary-aligned-column.html +0 -31
package/components/render/button-floating-secondary-aligned-right.html +0 -31
package/components/render/button-floating-secondary.html +0 -31
package/components/render/button-floating-states.html +0 -22
package/components/render/button-gray-default.html +0 -17
package/components/render/button-gray-icon.html +0 -25
package/components/render/button-group-center-alignment.html +0 -11
package/components/render/button-group-left-alignment.html +0 -11
package/components/render/button-group-right-alignment.html +0 -11
package/components/render/button-overview-direction.html +0 -19
package/components/render/button-overview-global-definition.html +0 -15
package/components/render/button-overview-sizes.html +0 -22
package/components/render/button-overview-states.html +0 -33
package/components/render/button-primary-dark-icon.html +0 -25
package/components/render/button-primary-dark.html +0 -18
package/components/render/button-primary-default.html +0 -16
package/components/render/button-primary-icon.html +0 -26
package/components/render/button-secondary-dark-icon.html +0 -25
package/components/render/button-secondary-dark.html +0 -18
package/components/render/button-secondary-default.html +0 -18
package/components/render/button-secondary-icon.html +0 -25
package/components/render/button-tertiary-default.html +0 -16
package/components/render/button-tertiary-icon.html +0 -25
package/components/render/buttons-overview.html +0 -484
package/components/render/category-dark.html +0 -37
package/components/render/category-disabled-dark.html +0 -33
package/components/render/category-disabled.html +0 -33
package/components/render/category-full-row.html +0 -113
package/components/render/category-overview-dark-states.html +0 -55
package/components/render/category-overview-dark.html +0 -37
package/components/render/category-overview-sizes.html +0 -41
package/components/render/category-overview-states.html +0 -55
package/components/render/category-small-dark.html +0 -37
package/components/render/category-small-disabled-dark.html +0 -33
package/components/render/category-small-disabled.html +0 -33
package/components/render/category-small-full-row.html +0 -149
package/components/render/category-small.html +0 -37
package/components/render/category.html +0 -37
package/components/render/checkbox-checked.html +0 -12
package/components/render/checkbox-disabled.html +0 -12
package/components/render/checkbox-focus.html +0 -12
package/components/render/checkbox-global-definition.html +0 -12
package/components/render/checkbox-hover.html +0 -12
package/components/render/checkbox-inline.html +0 -15
package/components/render/checkbox-readonly.html +0 -13
package/components/render/colors-and-shadows.html +0 -80
package/components/render/contact-cards.html +0 -596
package/components/render/contact-content.html +0 -30
package/components/render/contact-overview.html +0 -95
package/components/render/contact-sizes.html +0 -76
package/components/render/contact-small.html +0 -41
package/components/render/contact-without-image-small.html +0 -36
package/components/render/contact-without-image.html +0 -36
package/components/render/contact.html +0 -41
package/components/render/divider-dark-blue.html +0 -3
package/components/render/divider-default.html +0 -4
package/components/render/divider-gray-5.html +0 -3
package/components/render/divider-white-50.html +0 -3
package/components/render/divider-white.html +0 -3
package/components/render/divider-yellow.html +0 -4
package/components/render/generic-card-aspect-16by9.html +0 -23
package/components/render/generic-card-aspect-2by1-small.html +0 -84
package/components/render/generic-card-aspect-2by1.html +0 -80
package/components/render/generic-card-aspect.html +0 -48
package/components/render/generic-card-default-small-dark-theme.html +0 -22
package/components/render/generic-card-default-small-svg.html +0 -22
package/components/render/generic-card-default-small.html +0 -23
package/components/render/generic-card-default-svg-dark.html +0 -22
package/components/render/generic-card-default-svg.html +0 -21
package/components/render/generic-card-default.html +0 -24
package/components/render/generic-card-media-dark-theme.html +0 -38
package/components/render/generic-card-media-floating-icon.html +0 -44
package/components/render/generic-card-media-small.html +0 -36
package/components/render/generic-card-media.html +0 -36
package/components/render/generic-card-overview.html +0 -54
package/components/render/generic-flat-icons.html +0 -3
package/components/render/generic-rich-icons.html +0 -3
package/components/render/global-colors-alternative.html +0 -13
package/components/render/global-colors-gradients.html +0 -17
package/components/render/global-colors-gray-white-black.html +0 -16
package/components/render/global-colors-primary.html +0 -7
package/components/render/global-colors-shadows.html +0 -8
package/components/render/global-colors-transparency.html +0 -18
package/components/render/global-margins.html +0 -25
package/components/render/global-paddings.html +0 -4
package/components/render/gradient-background-colors.html +0 -118
package/components/render/input-disabled.html +0 -30
package/components/render/input-field.html +0 -138
package/components/render/input-focus.html +0 -30
package/components/render/input-hover.html +0 -30
package/components/render/input-readonly.html +0 -30
package/components/render/input-sizes.html +0 -32
package/components/render/input-state-error.html +0 -30
package/components/render/input-state-success.html +0 -30
package/components/render/input.html +0 -19
package/components/render/large-section-spacing-definitions.html +0 -33
package/components/render/large-section-spacing.html +0 -16
package/components/render/links.html +0 -18
package/components/render/lists.html +0 -16
package/components/render/marketplace-flat-icons.html +0 -3
package/components/render/marketplace-rich-icons.html +0 -3
package/components/render/matching-content-height-card.html +0 -328
package/components/render/medium-section-spacing-definitions.html +0 -33
package/components/render/medium-section-spacing.html +0 -16
package/components/render/modal-on-click.html +0 -37
package/components/render/modal-on-load-demo.html +0 -35
package/components/render/modal-on-load.html +0 -35
package/components/render/msds-text-alt-blue-1.html +0 -3
package/components/render/msds-text-alt-blue-2.html +0 -3
package/components/render/msds-text-alt-blue-3.html +0 -3
package/components/render/msds-text-alt-yellow-1.html +0 -3
package/components/render/msds-text-alt-yellow-2.html +0 -3
package/components/render/msds-text-black.html +0 -3
package/components/render/msds-text-clear-blue.html +0 -3
package/components/render/msds-text-confirm-green.html +0 -3
package/components/render/msds-text-danger-red-1.html +0 -3
package/components/render/msds-text-danger-red-2.html +0 -3
package/components/render/msds-text-dark-blue.html +0 -3
package/components/render/msds-text-gray-1.html +0 -3
package/components/render/msds-text-gray-10.html +0 -3
package/components/render/msds-text-gray-2.html +0 -3
package/components/render/msds-text-gray-3.html +0 -3
package/components/render/msds-text-gray-4.html +0 -3
package/components/render/msds-text-gray-5.html +0 -3
package/components/render/msds-text-gray-6.html +0 -3
package/components/render/msds-text-gray-7.html +0 -3
package/components/render/msds-text-gray-8.html +0 -3
package/components/render/msds-text-gray-9.html +0 -3
package/components/render/msds-text-sand.html +0 -3
package/components/render/msds-text-white.html +0 -3
package/components/render/msds-text-yellow.html +0 -3
package/components/render/popover-bottom.html +0 -35
package/components/render/popover-global-definition.html +0 -35
package/components/render/popover-left.html +0 -35
package/components/render/popover-top.html +0 -35
package/components/render/preview-dark.html +0 -33
package/components/render/preview.html +0 -29
package/components/render/progress-bar-dark-theme.html +0 -27
package/components/render/progress-bar-features.html +0 -40
package/components/render/progress-bar-global-definition.html +0 -15
package/components/render/progress-bar-light-theme.html +0 -27
package/components/render/progress-bar-sizes.html +0 -29
package/components/render/radio-button-disabled.html +0 -10
package/components/render/radio-button-focus.html +0 -10
package/components/render/radio-button-global-definition.html +0 -16
package/components/render/radio-button-hover.html +0 -10
package/components/render/radio-button-readonly.html +0 -11
package/components/render/radio-button-selected.html +0 -10
package/components/render/section-checkbox-dark.html +0 -38
package/components/render/section-checkbox-nested-accordion.html +0 -93
package/components/render/section-checkbox.html +0 -70
package/components/render/section-radio-dark.html +0 -70
package/components/render/section-radio-nested-accordion.html +0 -118
package/components/render/section-radio.html +0 -69
package/components/render/select-input-default.html +0 -15
package/components/render/select-input-error.html +0 -14
package/components/render/select-input-global-definition.html +0 -20
package/components/render/select-input-not-required.html +0 -15
package/components/render/select-input-required.html +0 -15
package/components/render/select-input-small.html +0 -12
package/components/render/small-section-spacing-definitions.html +0 -36
package/components/render/small-section-spacing.html +0 -16
package/components/render/solid-background-colors.html +0 -89
package/components/render/solution-card-default-layout.html +0 -132
package/components/render/solution-card-default.html +0 -48
package/components/render/solution-card-layouts.html +0 -561
package/components/render/solution-card-optional-certification-badges.html +0 -56
package/components/render/solution-card-optional-solution-badges.html +0 -56
package/components/render/solution-card-sizes.html +0 -90
package/components/render/solution-card-small.html +0 -48
package/components/render/switch-checked.html +0 -15
package/components/render/switch-default.html +0 -15
package/components/render/switch-disabled-readonly.html +0 -15
package/components/render/switch-disabled.html +0 -15
package/components/render/switch-global.html +0 -20
package/components/render/tab-tile.html +0 -1102
package/components/render/table-dark-theme-default-expandable-rows.html +0 -130
package/components/render/table-dark-theme-default.html +0 -142
package/components/render/table-default-dark.html +0 -118
package/components/render/table-default-expandable-rows.html +0 -130
package/components/render/table-default-medium.html +0 -118
package/components/render/table-default-small.html +0 -118
package/components/render/table-default.html +0 -142
package/components/render/text-area-disabled.html +0 -34
package/components/render/text-area-error.html +0 -34
package/components/render/text-area-field.html +0 -21
package/components/render/text-area-focus.html +0 -34
package/components/render/text-area-hover.html +0 -34
package/components/render/text-area-readonly.html +0 -34
package/components/render/text-area-sizes.html +0 -34
package/components/render/text-area-success.html +0 -34
package/components/render/text-area.html +0 -121
package/components/render/text-colors.html +0 -3
package/components/render/text.html +0 -48
package/components/render/typography-body-texts.html +0 -26
package/components/render/typography-displays.html +0 -8
package/components/render/typography-headers.html +0 -11
package/components/render/typography-leads.html +0 -4
package/components/render/typography-links-dark-theme.html +0 -109
package/components/render/typography-links-light-theme.html +0 -91
package/components/render/typography-links-secondary.html +0 -35
package/components/render/typography-unordered-lists.html +0 -15
package/components.html +0 -13
package/docs/component-documentation/alerts.html +0 -1657
package/docs/component-documentation/buttons/buttons-floating.html +0 -1676
package/docs/component-documentation/buttons/buttons.html +0 -1908
package/docs/component-documentation/cards/basic-cards.html +0 -1424
package/docs/component-documentation/cards/category-cards.html +0 -1950
package/docs/component-documentation/cards/contact-cards.html +0 -1474
package/docs/component-documentation/cards/generic-cards.html +0 -1534
package/docs/component-documentation/cards/solution-cards.html +0 -1595
package/docs/component-documentation/dividers/dividers.html +0 -839
package/docs/component-documentation/expanding-components/accordion.html +0 -1832
package/docs/component-documentation/expanding-components/section.html +0 -1511
package/docs/component-documentation/modal.html +0 -983
package/docs/component-documentation/popover/popover.html +0 -1082
package/docs/component-documentation/progress-bar.html +0 -1143
package/docs/component-documentation/spacing.html +0 -831
package/docs/component-documentation/table.html +0 -2336
package/docs/content/icons/-overview.html +0 -848
package/docs/content/icons/icons-flat.html +0 -839
package/docs/content/icons/icons-rich.html +0 -839
package/docs/content/typography/-overview.html +0 -860
package/docs/content/typography/font-colors.html +0 -900
package/docs/content/typography/links.html +0 -1113
package/docs/content/typography/lists.html +0 -854
package/docs/content/typography/text.html +0 -919
package/docs/forms/-overview.html +0 -881
package/docs/forms/checkbox.html +0 -1007
package/docs/forms/drop-down-list.html +0 -981
package/docs/forms/input-field.html +0 -1316
package/docs/forms/radio-button.html +0 -966
package/docs/forms/switch.html +0 -964
package/docs/forms/text-area.html +0 -1371
package/docs/guidelines-and-guides/creating-a-new-release.html +0 -825
package/docs/guidelines-and-guides/css-and-scss-guidelines.html +0 -814
package/docs/guidelines-and-guides/git-cheat-sheet.html +0 -898
package/docs/guidelines-and-guides/installation-and-usage.html +0 -812
package/docs/utilities/colors/background-colors.html +0 -1029
package/docs/utilities/colors/font-colors.html +0 -1002
package/docs/utilities/colors/overview.html +0 -952
package/docs/utilities/spacing.html +0 -1112
package/docs.html +0 -13
package/index.html +0 -807
package/themes/mandelbrot/css/aqua.css +0 -1
package/themes/mandelbrot/css/black.css +0 -1
package/themes/mandelbrot/css/blue.css +0 -1
package/themes/mandelbrot/css/default.css +0 -1
package/themes/mandelbrot/css/fuchsia.css +0 -1
package/themes/mandelbrot/css/green.css +0 -1
package/themes/mandelbrot/css/grey.css +0 -1
package/themes/mandelbrot/css/highlight.css +0 -1
package/themes/mandelbrot/css/lime.css +0 -1
package/themes/mandelbrot/css/maroon.css +0 -1
package/themes/mandelbrot/css/navy.css +0 -1
package/themes/mandelbrot/css/olive.css +0 -1
package/themes/mandelbrot/css/orange.css +0 -1
package/themes/mandelbrot/css/purple.css +0 -1
package/themes/mandelbrot/css/red.css +0 -1
package/themes/mandelbrot/css/teal.css +0 -1
package/themes/mandelbrot/css/white.css +0 -1
package/themes/mandelbrot/css/yellow.css +0 -1
package/themes/mandelbrot/favicon.ico +0 -0
package/themes/mandelbrot/fonts/OpenSans-Italic.woff +0 -0
package/themes/mandelbrot/fonts/OpenSans-Italic.woff2 +0 -0
package/themes/mandelbrot/fonts/OpenSans-Regular.woff +0 -0
package/themes/mandelbrot/fonts/OpenSans-Regular.woff2 +0 -0
package/themes/mandelbrot/fonts/OpenSans-Semibold.woff +0 -0
package/themes/mandelbrot/fonts/OpenSans-Semibold.woff2 +0 -0
package/themes/mandelbrot/fonts/OpenSans-SemiboldItalic.woff +0 -0
package/themes/mandelbrot/fonts/OpenSans-SemiboldItalic.woff2 +0 -0
package/themes/mandelbrot/fonts/hack-bold-webfont.woff +0 -0
package/themes/mandelbrot/fonts/hack-bold-webfont.woff2 +0 -0
package/themes/mandelbrot/fonts/hack-bolditalic-webfont.woff +0 -0
package/themes/mandelbrot/fonts/hack-bolditalic-webfont.woff2 +0 -0
package/themes/mandelbrot/fonts/hack-italic-webfont.woff +0 -0
package/themes/mandelbrot/fonts/hack-italic-webfont.woff2 +0 -0
package/themes/mandelbrot/fonts/hack-regular-webfont.woff +0 -0
package/themes/mandelbrot/fonts/hack-regular-webfont.woff2 +0 -0
package/themes/mandelbrot/img/favicon.png +0 -0
package/themes/mandelbrot/img/icon-drag--horizontal.svg +0 -3
package/themes/mandelbrot/img/icon-drag--vertical.svg +0 -3
package/themes/mandelbrot/img/icon-navigation-closed-ltr.svg +0 -3
package/themes/mandelbrot/img/icon-navigation-closed-rtl.svg +0 -3
package/themes/mandelbrot/img/icon-navigation-opened.svg +0 -3
package/themes/mandelbrot/img/icon-window.svg +0 -3
package/themes/mandelbrot/img/loader.svg +0 -37
package/themes/mandelbrot/js/mandelbrot.js +0 -2
package/themes/mandelbrot/js/mandelbrot.js.map +0 -1

package/docs/component-documentation/spacing.html DELETED Viewed

@@ -1,831 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr" class="no-js">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <script>
-    window.frctl = {
-        env: 'static'
-    };
-    </script>
-    <script>var cl = document.querySelector('html').classList; cl.remove('no-js'); cl.add('has-js');</script>
-    <link rel="shortcut icon" href="../../src/demo-img/favicon.ico" type="image/ico">
-<link rel="stylesheet" href="../../themes/mandelbrot/css/default.css?cachebust=1.4.0" type="text/css">
-<link rel="stylesheet" href="../../rich-icons-bundle.css?cachebust=1.4.0" type="text/css">
-<link rel="stylesheet" href="../../theme-overrides/styles.css?cachebust=1.4.0" type="text/css">
-<link rel="stylesheet" href="../../main.css?cachebust=1.4.0" type="text/css">
-<link rel="stylesheet" href="../../themes/mandelbrot/css/highlight.css?cachebust=1.4.0" type="text/css">
-<title>Spacing | Milestone Web Design System</title>
-</head>
-<body>
-<div class="Frame" id="frame">
-    <div class="Frame-header">
-        <div class="Header">
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap" rel="stylesheet">
-    <button class="Header-button Header-navToggle" data-action="toggle-sidebar">
-    <svg class="Header-navToggleIcon Header-navToggleIcon--open" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-        <path d="M0 0h24v24H0z" fill="none"></path>
-        <path d="M19 6.4L17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z"></path>
-    </svg>
-    <svg class="Header-navToggleIcon Header-navToggleIcon--closed" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-        <path d="M0 0h24v24H0z" fill="none"></path>
-        <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
-    </svg>
-    </button>
-    <div class="flex-child-header-txt">
-        <a href="../../index.html" class="Header-title" data-pjax>
-            <img class="logo-test" src="../../src/demo-img/milestone-logo-white.png" alt="logo"></a>
-        </a>
-        <h6 class="header-txt ">Digital Design System</h6>
-    </div>
-    <div class="github-milestone-system">
-        <a class="github-milestonesys-design-system" href="https://github.com/milestone-sys/web-design-system" target="_blank">
-            <img class="git-icon" src="../../src/demo-img/giticon.png" alt="git icon"></a>
-        </a>
-    </div>
-</div>
-    </div>
-    <div class="Frame-body" data-role="body">
-        <div class="Frame-panel Frame-panel--main" data-role="main">
-            <div class="Frame-inner" id="pjax-container">
-<div class="Document">
-    <div class="Document-header">
-        <h1 class="Document-title">Spacing</h1>
-    </div>
-    <div class="Document-content">
-<div class="Prose">
-    <p>Spacing is related to both margin and padding</p>
-<p>The implementation is a configuration of <a href="https://getbootstrap.com/docs/4.3/utilities/spacing/">bootstrap spacing utility</a>.</p>
-<h3 id="current-configuration-values-are">Current configuration values are:</h3>
-<pre><code class="hljs language-SCSS"><span class="hljs-variable">$spacers</span>: (
-  <span class="hljs-number">1</span>: <span class="hljs-number">4px</span>,    // <span class="hljs-number">0.25rem</span>
-  <span class="hljs-number">2</span>: <span class="hljs-number">8px</span>,    // <span class="hljs-number">0.5rem</span>
-  <span class="hljs-number">3</span>: <span class="hljs-number">12px</span>,   // <span class="hljs-number">0.75rem</span>
-  <span class="hljs-number">4</span>: <span class="hljs-number">16px</span>,   // <span class="hljs-number">1rem</span>
-  <span class="hljs-number">5</span>: <span class="hljs-number">20px</span>,   // <span class="hljs-number">1.25rem</span>
-  <span class="hljs-number">6</span>: <span class="hljs-number">24px</span>,   // <span class="hljs-number">1.5rem</span>
-  <span class="hljs-number">7</span>: <span class="hljs-number">32px</span>,   // <span class="hljs-number">2rem</span>
-  <span class="hljs-number">8</span>: <span class="hljs-number">40px</span>,   // <span class="hljs-number">2.5rem</span>
-  <span class="hljs-number">9</span>: <span class="hljs-number">48px</span>,   // <span class="hljs-number">3rem</span>
-  <span class="hljs-number">10</span>: <span class="hljs-number">64px</span>,  // <span class="hljs-number">4rem</span>
-  <span class="hljs-number">11</span>: <span class="hljs-number">80px</span>,  // <span class="hljs-number">5rem</span>
-  <span class="hljs-number">12</span>: <span class="hljs-number">96px</span>,  // <span class="hljs-number">6rem</span>
-  <span class="hljs-number">13</span>: <span class="hljs-number">112px</span>, // <span class="hljs-number">7rem</span>
-  <span class="hljs-number">14</span>: <span class="hljs-number">160px</span>, // <span class="hljs-number">10rem</span>
-  <span class="hljs-number">15</span>: <span class="hljs-number">192px</span>  // <span class="hljs-number">12rem</span>
-);</code></pre><h3 id="usage-examples---classes-for-more-details-lookup-bootstrap-spacing-utility">Usage examples - Classes: (<em>For more details lookup <a href="https://getbootstrap.com/docs/4.3/utilities/spacing/">bootstrap spacing utility</a></em>)</h3>
-<p><code>&lt;div class=&quot;mx-4&quot;&gt;&lt;/div&gt;</code> – Will add 1rem margin <strong>all around</strong><br>
-<code>&lt;div class=&quot;mr-4&quot;&gt;&lt;/div&gt;</code> – Will add 1rem margin <strong>right</strong><br>
-<code>&lt;div class=&quot;px-4&quot;&gt;&lt;/div&gt;</code> – Will add 1rem padding <strong>all around</strong><br>
-<code>&lt;div class=&quot;pt-4&quot;&gt;&lt;/div&gt;</code> – Will add 1rem padding <strong>top</strong><br></p>
-<h3 id="usage-examples-from-code">Usage examples: (From code)</h3>
-<pre><code class="hljs language-SCSS"><span class="hljs-selector-class">.test</span> {
-    <span class="hljs-attribute">margin</span>: map-get(<span class="hljs-variable">$spacers</span>, <span class="hljs-number">4</span>);
-    <span class="hljs-attribute">padding</span>: map-get(<span class="hljs-variable">$spacers</span>, <span class="hljs-number">4</span>) map-get(<span class="hljs-variable">$spacers</span>, <span class="hljs-number">2</span>);
-}</code></pre>
-</div>
-    </div>
-</div>
-            </div>
-        </div>
-        <div class="Frame-handle" data-role="frame-resize-handle"></div>
-        <div class="Frame-panel Frame-panel--sidebar" data-role="sidebar">
-            <nav class="Navigation">
-<div class="Navigation-group">
-<div class="Tree" data-behaviour="tree" id="tree-components">
-    <div class="Tree-header">
-        <h3 class="Tree-title">components</h3>
-        <button type="button" data-behaviour="collapse-tree" class="Tree-collapse" title="Collapse tree" aria-label="Collapse tree" hidden>
-            <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m9 11c-.6 0-1 .4-1 1s.4 1 1 1h6c.6 0 1-.4 1-1s-.4-1-1-1z"/><path d="m19 21h-14c-1.1 0-2-.9-2-2v-14c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2zm-14-16v14h14v-14z"/></svg>
-        </button>
-    </div>
-    <ul class="Tree-items Tree-depth-1">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../../components/detail/tab-tile.html" data-pjax>
-                <span>Tab Tile</span>
-<div class="Status Status--unlabelled">
-<div class="Status-dots">
-<span class="Status-dot" style="border-color: #FF9233;" title="WIP"></span>
-</div>
-</div>
-            </a>
-        </li>
-    </ul>
-</div>
-</div>
-<div class="Navigation-group">
-<div class="Tree" data-behaviour="tree" id="tree-docs">
-    <div class="Tree-header">
-        <h3 class="Tree-title">documentation</h3>
-        <button type="button" data-behaviour="collapse-tree" class="Tree-collapse" title="Collapse tree" aria-label="Collapse tree" hidden>
-            <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m9 11c-.6 0-1 .4-1 1s.4 1 1 1h6c.6 0 1-.4 1-1s-.4-1-1-1z"/><path d="m19 21h-14c-1.1 0-2-.9-2-2v-14c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2zm-14-16v14h14v-14z"/></svg>
-        </button>
-    </div>
-    <ul class="Tree-items Tree-depth-1">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../../index.html" data-pjax>
-                <span>Overview</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-collection Tree-depth-2" data-behaviour="collection" id="tree-docs-collection-content">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-content-items">
-                Content
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-content-items">
-        <li class="Tree-item Tree-collection Tree-depth-3" data-behaviour="collection" id="tree-docs-collection-icons">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-icons-items">
-                Icons
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-icons-items">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../content/icons/-overview.html" data-pjax>
-                <span>Overview</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../content/icons/icons-flat.html" data-pjax>
-                <span>Icons Flat</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../content/icons/icons-rich.html" data-pjax>
-                <span>Icons Rich</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-        <li class="Tree-item Tree-collection Tree-depth-3" data-behaviour="collection" id="tree-docs-collection-typography">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-typography-items">
-                Typography
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-typography-items">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../content/typography/-overview.html" data-pjax>
-                <span>Overview</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../content/typography/font-colors.html" data-pjax>
-                <span>Font Colors</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../content/typography/links.html" data-pjax>
-                <span>Links</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../content/typography/lists.html" data-pjax>
-                <span>Lists</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../content/typography/text.html" data-pjax>
-                <span>Text</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-            </ul>
-        </li>
-        <li class="Tree-item Tree-collection Tree-depth-2" data-behaviour="collection" id="tree-docs-collection-component-documentation">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-component-documentation-items">
-                Component Documentation
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-component-documentation-items">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="alerts.html" data-pjax>
-                <span>Alerts</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-collection Tree-depth-3" data-behaviour="collection" id="tree-docs-collection-buttons">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-buttons-items">
-                Buttons
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-buttons-items">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="buttons/buttons.html" data-pjax>
-                <span>Buttons</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="buttons/buttons-floating.html" data-pjax>
-                <span>Buttons Floating</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-        <li class="Tree-item Tree-collection Tree-depth-3" data-behaviour="collection" id="tree-docs-collection-cards">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-cards-items">
-                Cards
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-cards-items">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="cards/basic-cards.html" data-pjax>
-                <span>Basic Cards</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="cards/category-cards.html" data-pjax>
-                <span>Category Cards</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="cards/contact-cards.html" data-pjax>
-                <span>Contact Cards</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="cards/generic-cards.html" data-pjax>
-                <span>Generic Cards</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="cards/solution-cards.html" data-pjax>
-                <span>Solution Cards</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-        <li class="Tree-item Tree-collection Tree-depth-3" data-behaviour="collection" id="tree-docs-collection-dividers">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-dividers-items">
-                Dividers
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-dividers-items">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="dividers/dividers.html" data-pjax>
-                <span>Dividers</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-        <li class="Tree-item Tree-collection Tree-depth-3" data-behaviour="collection" id="tree-docs-collection-expanding-components">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-expanding-components-items">
-                Expanding Components
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-expanding-components-items">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="expanding-components/accordion.html" data-pjax>
-                <span>Accordion</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="expanding-components/section.html" data-pjax>
-                <span>Section</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="modal.html" data-pjax>
-                <span>Modal</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-collection Tree-depth-3" data-behaviour="collection" id="tree-docs-collection-popover">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-popover-items">
-                Popover
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-popover-items">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="popover/popover.html" data-pjax>
-                <span>Popover</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="progress-bar.html" data-pjax>
-                <span>Progress Bar</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity is-current" data-state="current" data-role="item">
-            <a class="Tree-entityLink" href="" data-pjax>
-                <span>Spacing</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="table.html" data-pjax>
-                <span>Table</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-        <li class="Tree-item Tree-collection Tree-depth-2" data-behaviour="collection" id="tree-docs-collection-forms">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-forms-items">
-                Forms
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-forms-items">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../forms/-overview.html" data-pjax>
-                <span>Overview</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../forms/checkbox.html" data-pjax>
-                <span>Checkbox</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../forms/drop-down-list.html" data-pjax>
-                <span>Drop Down List</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../forms/input-field.html" data-pjax>
-                <span>Input Field</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../forms/radio-button.html" data-pjax>
-                <span>Radio Button</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../forms/switch.html" data-pjax>
-                <span>Switch</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../forms/text-area.html" data-pjax>
-                <span>Text Area</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-        <li class="Tree-item Tree-collection Tree-depth-2" data-behaviour="collection" id="tree-docs-collection-utilities">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-utilities-items">
-                Utilities
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-utilities-items">
-        <li class="Tree-item Tree-collection Tree-depth-3" data-behaviour="collection" id="tree-docs-collection-colors">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-colors-items">
-                Colors
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-colors-items">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../utilities/colors/overview.html" data-pjax>
-                <span>Overview</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../utilities/colors/font-colors.html" data-pjax>
-                <span>Font Colors</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../utilities/colors/background-colors.html" data-pjax>
-                <span>Background Colors</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../utilities/spacing.html" data-pjax>
-                <span>Spacing</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-        <li class="Tree-item Tree-collection Tree-depth-2" data-behaviour="collection" id="tree-docs-collection-guidelines-and-guides">
-            <button class="Tree-collectionLabel" data-role="toggle" aria-expanded="true" aria-controls="tree-docs-collection-guidelines-and-guides-items">
-                Guidelines And Guides
-            </button>
-            <ul class="Tree-collectionItems" data-role="items" id="tree-docs-collection-guidelines-and-guides-items">
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../guidelines-and-guides/creating-a-new-release.html" data-pjax>
-                <span>Creating A New Release</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../guidelines-and-guides/css-and-scss-guidelines.html" data-pjax>
-                <span>Css And Scss Guidelines</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../guidelines-and-guides/git-cheat-sheet.html" data-pjax>
-                <span>Git Cheat Sheet</span>
-            </a>
-        </li>
-        <li class="Tree-item Tree-entity" data-role="item">
-            <a class="Tree-entityLink" href="../guidelines-and-guides/installation-and-usage.html" data-pjax>
-                <span>Installation And Usage</span>
-            </a>
-        </li>
-            </ul>
-        </li>
-    </ul>
-</div>
-</div>
-</nav>
-        </div>
-    </div>
-</div>
-<script src="../../themes/mandelbrot/js/mandelbrot.js?cachebust=1.4.0"></script>
-<script src="../../design-system.js?cachebust=1.4.0"></script>
-</body>
-</html>