@bonniernews/dn-design-system-web 3.0.0-alpha.99 → 4.0.0-alpha.1

package/tokens/icon-list.json

@@ -0,0 +1,79 @@
+{
+  "add": "add",
+  "arrow_back": "arrow_back",
+  "arrow_forward": "arrow_forward",
+  "arrow_outward": "arrow_outward",
+  "arrow_upward": "arrow_upward",
+  "bookmark-filled": "bookmark-filled",
+  "bookmarked": "bookmarked",
+  "campaign": "campaign",
+  "cancel": "cancel",
+  "celebration": "celebration",
+  "check_box_outline_blank": "check_box_outline_blank",
+  "check_box-filled": "check_box-filled",
+  "check_circle": "check_circle",
+  "check": "check",
+  "chevron_left": "chevron_left",
+  "chevron_right": "chevron_right",
+  "close": "close",
+  "comment": "comment",
+  "delete": "delete",
+  "download": "download",
+  "edit": "edit",
+  "expand_less": "expand_less",
+  "expand_more": "expand_more",
+  "facebook": "facebook",
+  "favorite-filled": "favorite-filled",
+  "favorite": "favorite",
+  "feed": "feed",
+  "filter_list": "filter_list",
+  "filter_none": "filter_none",
+  "format_size": "format_size",
+  "grid_view": "grid_view",
+  "headphones-filled": "headphones-filled",
+  "headphones": "headphones",
+  "history": "history",
+  "home-filled": "home-filled",
+  "home": "home",
+  "info-filled": "info-filled",
+  "info": "info",
+  "instagram": "instagram",
+  "integrity": "integrity",
+  "ios_share": "ios_share",
+  "lock": "lock",
+  "logout": "logout",
+  "mail": "mail",
+  "manage_accounts-filled": "manage_accounts-filled",
+  "manage_accounts": "manage_accounts",
+  "mark_email_unread": "mark_email_unread",
+  "memory": "memory",
+  "menu-filled": "menu-filled",
+  "menu": "menu",
+  "mode_comment": "mode_comment",
+  "more_horiz": "more_horiz",
+  "notifications": "notifications",
+  "pause": "pause",
+  "person": "person",
+  "play_arrow-filled": "play_arrow-filled",
+  "play_arrow": "play_arrow",
+  "print": "print",
+  "priority_high": "priority_high",
+  "queue_music": "queue_music",
+  "radio_button_checked": "radio_button_checked",
+  "radio_button_unchecked": "radio_button_unchecked",
+  "redeem": "redeem",
+  "search_off": "search_off",
+  "search": "search",
+  "share": "share",
+  "support_agent": "support_agent",
+  "system_update": "system_update",
+  "twitter": "twitter",
+  "user_policy": "user_policy",
+  "view_list": "view_list",
+  "vip": "vip",
+  "visibility_off": "visibility_off",
+  "visibility": "visibility",
+  "volume_off": "volume_off",
+  "volume_up": "volume_up",
+  "wifi_off": "wifi_off"
+}

package/tokens/typography-list.json

@@ -0,0 +1,92 @@
+{
+  "expressive-heading01regular": "'expressive-heading01regular'",
+  "expressive-heading01semibold": "'expressive-heading01semibold'",
+  "expressive-heading01bold": "'expressive-heading01bold'",
+  "expressive-heading01italicregular": "'expressive-heading01italicregular'",
+  "expressive-heading01italicsemibold": "'expressive-heading01italicsemibold'",
+  "expressive-heading01italicbold": "'expressive-heading01italicbold'",
+  "expressive-heading02regular": "'expressive-heading02regular'",
+  "expressive-heading02semibold": "'expressive-heading02semibold'",
+  "expressive-heading02bold": "'expressive-heading02bold'",
+  "expressive-heading02italicregular": "'expressive-heading02italicregular'",
+  "expressive-heading02italicsemibold": "'expressive-heading02italicsemibold'",
+  "expressive-heading02italicbold": "'expressive-heading02italicbold'",
+  "expressive-heading03regular": "'expressive-heading03regular'",
+  "expressive-heading03semibold": "'expressive-heading03semibold'",
+  "expressive-heading03bold": "'expressive-heading03bold'",
+  "expressive-heading03italicregular": "'expressive-heading03italicregular'",
+  "expressive-heading03italicsemibold": "'expressive-heading03italicsemibold'",
+  "expressive-heading03italicbold": "'expressive-heading03italicbold'",
+  "expressive-heading04regular": "'expressive-heading04regular'",
+  "expressive-heading04semibold": "'expressive-heading04semibold'",
+  "expressive-heading04bold": "'expressive-heading04bold'",
+  "expressive-heading04italicregular": "'expressive-heading04italicregular'",
+  "expressive-heading04italicsemibold": "'expressive-heading04italicsemibold'",
+  "expressive-heading04italicbold": "'expressive-heading04italicbold'",
+  "expressive-heading05regular": "'expressive-heading05regular'",
+  "expressive-heading05semibold": "'expressive-heading05semibold'",
+  "expressive-heading05bold": "'expressive-heading05bold'",
+  "expressive-heading05italicregular": "'expressive-heading05italicregular'",
+  "expressive-heading05italicsemibold": "'expressive-heading05italicsemibold'",
+  "expressive-heading05italicbold": "'expressive-heading05italicbold'",
+  "functional-heading01regular": "'functional-heading01regular'",
+  "functional-heading01semibold": "'functional-heading01semibold'",
+  "functional-heading01bold": "'functional-heading01bold'",
+  "functional-heading02regular": "'functional-heading02regular'",
+  "functional-heading02semibold": "'functional-heading02semibold'",
+  "functional-heading02bold": "'functional-heading02bold'",
+  "functional-heading03regular": "'functional-heading03regular'",
+  "functional-heading03semibold": "'functional-heading03semibold'",
+  "functional-heading03bold": "'functional-heading03bold'",
+  "functional-heading04regular": "'functional-heading04regular'",
+  "functional-heading04semibold": "'functional-heading04semibold'",
+  "functional-heading04bold": "'functional-heading04bold'",
+  "functional-heading05regular": "'functional-heading05regular'",
+  "functional-heading05semibold": "'functional-heading05semibold'",
+  "functional-heading05bold": "'functional-heading05bold'",
+  "expressive-preamble01regular": "'expressive-preamble01regular'",
+  "expressive-preamble01semibold": "'expressive-preamble01semibold'",
+  "expressive-preamble01bold": "'expressive-preamble01bold'",
+  "expressive-preamble01italicregular": "'expressive-preamble01italicregular'",
+  "expressive-preamble01italicsemibold": "'expressive-preamble01italicsemibold'",
+  "expressive-preamble01italicbold": "'expressive-preamble01italicbold'",
+  "expressive-body01regular": "'expressive-body01regular'",
+  "expressive-body01semibold": "'expressive-body01semibold'",
+  "expressive-body01bold": "'expressive-body01bold'",
+  "expressive-body01italicregular": "'expressive-body01italicregular'",
+  "expressive-body01italicsemibold": "'expressive-body01italicsemibold'",
+  "expressive-body01italicbold": "'expressive-body01italicbold'",
+  "expressive-body02regular": "'expressive-body02regular'",
+  "expressive-body02semibold": "'expressive-body02semibold'",
+  "expressive-body02bold": "'expressive-body02bold'",
+  "expressive-body02italicregular": "'expressive-body02italicregular'",
+  "expressive-body02italicsemibold": "'expressive-body02italicsemibold'",
+  "expressive-body02italicbold": "'expressive-body02italicbold'",
+  "functional-body01regular": "'functional-body01regular'",
+  "functional-body01semibold": "'functional-body01semibold'",
+  "functional-body01bold": "'functional-body01bold'",
+  "functional-body02regular": "'functional-body02regular'",
+  "functional-body02semibold": "'functional-body02semibold'",
+  "functional-body02bold": "'functional-body02bold'",
+  "functional-body03regular": "'functional-body03regular'",
+  "functional-body03semibold": "'functional-body03semibold'",
+  "functional-body03bold": "'functional-body03bold'",
+  "functional-meta01regular": "'functional-meta01regular'",
+  "functional-meta01semibold": "'functional-meta01semibold'",
+  "functional-meta01bold": "'functional-meta01bold'",
+  "functional-meta02regular": "'functional-meta02regular'",
+  "functional-meta02semibold": "'functional-meta02semibold'",
+  "functional-meta02bold": "'functional-meta02bold'",
+  "detailstandard-button": "'detailstandard-button'",
+  "detailbottom-nav": "'detailbottom-nav'",
+  "detaildropcap": "'detaildropcap'",
+  "detailstandard-button-small": "'detailstandard-button-small'",
+  "detailarticle-label": "'detailarticle-label'",
+  "detailmedryckare": "'detailmedryckare'",
+  "detailbaota-xl-label": "'detailbaota-xl-label'",
+  "detailarticle-standard": "'detailarticle-standard'",
+  "detailarticle-opinion": "'detailarticle-opinion'",
+  "detailarticle-longread": "'detailarticle-longread'",
+  "detailarticle-longread-premium": "'detailarticle-longread-premium'",
+  "detailarticle-quote": "'detailarticle-quote'"
+}

package/.stylelintignore

@@ -1 +0,0 @@
-foundations/variables/

package/.stylelintrc.json

@@ -1,17 +0,0 @@
-{
-  "plugins": [
-    "stylelint-selector-bem-pattern",
-    "stylelint-sass-render-errors"
-  ],
-  "extends": [
-    "stylelint-config-recommended-scss",
-    "stylelint-prettier/recommended"
-  ],
-  "rules": {
-    "plugin/sass-render-errors": true,
-    "no-descending-specificity": null,
-    "plugin/selector-bem-pattern": {
-      "preset": "bem"
-    }
-  }
-}

package/assets/teaser/dot-or-grade.njk

@@ -1,7 +0,0 @@
-{% from '@bonniernews/dn-design-system-web/components/teaser-dot/teaser-dot.njk' import TeaserDot %}
-{% from '@bonniernews/dn-design-system-web/foundations/icons/grade-icon.njk' import GetGrade %}
-
-{% macro getDotOrGrade(params) %}
-  {% set gradeHtml = GetGrade({ grade: params.grade, type: "single" }) | trim  if params.grade else "" %}
-  {{ gradeHtml if gradeHtml.length else TeaserDot({ flashing: params.flashing }) }}
-{% endmacro %}

package/foundations/helpers/fontDefinitionsHelper.scss

@@ -1,32 +0,0 @@
-@use "sass:list";
-@use 'sass:map';
-
-@function getSources($sourceMap) {
-  $results: ();
-  @each $value in $sourceMap {
-    $results: list.append(
-      $results,
-      url("~@bonniernews/dn-designsystem-foundations/src/typography/fonts/web/" + map.get(
-            $value,
-            file
-          ))
-        format("#{map.get($value, format)}"),
-      comma
-    );
-  }
-  @return $results;
-}
-
-@mixin generateFontDefinitions($font) {
-  @each $fontDefinition in $font {
-    @font-face {
-      font-family: map.get($fontDefinition, fontFamily);
-      src: getSources(map.get($fontDefinition, sources));
-      font-weight: map.get($fontDefinition, fontWeight);
-      @if map.get($fontDefinition, fontStyle) {
-        font-style: map.get($fontDefinition, fontStyle);
-      }
-      font-display: map.get($fontDefinition, fontDisplay);
-    }
-  }
-}