energy-foundations 0.0.1-beta.2

package/dist/variables/_typography.scss

@@ -0,0 +1,380 @@
+@use "sass:map";
+
+$f-base: 16 !default;
+$f-light: 300 !default;
+$rds-typography-w-regular: 400 !default;
+$rds-typography-w-medium: 500 !default;
+$rds-typography-w-semibold: 600 !default;
+$rds-typography-w-bold: 700 !default;
+
+$rds-typography-f-text: 'SoleRepsolText' !default; // 'Text'
+$rds-typography-f-headline: 'SoleRepsolText' !default; // 'Display'
+
+/******************
+*** TEXT STYLES *** 
+*******************/
+
+$rds-typography-caption-01: (
+  font: $rds-typography-w-regular pxToRem(14) / pxToRem(18) $rds-typography-f-text
+);
+
+$rds-typography-caption-02: (
+  font: $rds-typography-w-regular pxToRem(12) / pxToRem(18) $rds-typography-f-text
+);
+
+$rds-typography-caption-tag: (
+  font: $rds-typography-w-regular pxToRem(12) / pxToRem(16) $rds-typography-f-text,
+  letter-spacing: 0.5px
+);
+
+$rds-typography-body-01: (
+  font: $rds-typography-w-regular pxToRem(16) / pxToRem(24) $rds-typography-f-text
+);
+
+$rds-typography-body-01-bold: (
+  font: $rds-typography-w-medium pxToRem(16) / pxToRem(24) $rds-typography-f-text
+);
+
+$rds-typography-body-01-underline: (
+  font: $rds-typography-w-regular pxToRem(16) / pxToRem(21) $rds-typography-f-text,
+  text-decoration: underline
+);
+
+$rds-typography-body-02: (
+  font: $rds-typography-w-regular pxToRem(14) / pxToRem(21) $rds-typography-f-text
+);
+
+$rds-typography-body-02-bold: (
+  font: $rds-typography-w-medium pxToRem(14) / pxToRem(21) $rds-typography-f-text
+);
+
+$rds-typography-body-02-underline: (
+  font: $rds-typography-w-regular pxToRem(14) / pxToRem(21) $rds-typography-f-text,
+  text-decoration: underline
+);
+
+$rds-typography-button-01: (
+  sd: ( 
+    font: $rds-typography-w-regular pxToRem(16) / pxToRem(24) $rds-typography-f-headline
+  ),
+  md: ( 
+    font: $rds-typography-w-regular pxToRem(16) / pxToRem(24) $rds-typography-f-headline
+  ),
+  ld: ( 
+    font: $rds-typography-w-regular pxToRem(16) / pxToRem(24) $rds-typography-f-headline
+  ),
+  xd: ( 
+    font: $rds-typography-w-regular pxToRem(16) / pxToRem(24) $rds-typography-f-headline
+  )
+);
+
+$rds-typography-button-02: (
+  sd: ( 
+    font: $rds-typography-w-regular pxToRem(14) / pxToRem(16) $rds-typography-f-headline
+  ),
+  md: ( 
+    font: $rds-typography-w-regular pxToRem(14) / pxToRem(16) $rds-typography-f-headline
+  ),
+  ld: ( 
+    font: $rds-typography-w-regular pxToRem(14) / pxToRem(16) $rds-typography-f-headline
+  ),
+  xd: ( 
+    font: $rds-typography-w-regular pxToRem(14) / pxToRem(16) $rds-typography-f-headline
+  )
+);
+
+$rds-typography-title-01: (
+  sd: (
+    font: $rds-typography-w-regular pxToRem(20) / pxToRem(26) $rds-typography-f-headline
+  ),
+  md: (
+    font: $rds-typography-w-regular pxToRem(20) / pxToRem(26) $rds-typography-f-headline
+  ),
+  ld: (
+    font: $rds-typography-w-regular pxToRem(20) / pxToRem(26) $rds-typography-f-headline
+  ),
+  xd: (
+    font: $rds-typography-w-regular pxToRem(24) / pxToRem(32) $rds-typography-f-headline
+  )
+);
+
+$rds-typography-title-02: (
+  sd: (
+    font: $rds-typography-w-regular pxToRem(16) / pxToRem(21) $rds-typography-f-headline
+  ),
+  md: (
+    font: $rds-typography-w-regular pxToRem(16) / pxToRem(21) $rds-typography-f-headline
+  ),
+  ld: (
+    font: $rds-typography-w-regular pxToRem(16) / pxToRem(21) $rds-typography-f-headline
+  ),
+  xd: (
+    font: $rds-typography-w-regular pxToRem(16) / pxToRem(21) $rds-typography-f-headline
+  )
+);
+
+$rds-typography-headline-00: (
+  sd: (
+    font: $rds-typography-w-regular pxToRem(40) / pxToRem(48) $rds-typography-f-headline
+  ),
+  md: (
+    font: $rds-typography-w-regular pxToRem(56) / pxToRem(68) $rds-typography-f-headline
+  ),
+  ld: (
+    font: $rds-typography-w-regular pxToRem(64) / pxToRem(80) $rds-typography-f-headline
+  ),
+  xd: (
+    font: $rds-typography-w-regular pxToRem(72) / pxToRem(92) $rds-typography-f-headline
+  )
+);
+
+$rds-typography-headline-01: (
+  sd: (
+    font: $rds-typography-w-regular pxToRem(36) / pxToRem(44) $rds-typography-f-headline
+  ),
+  md: (
+    font: $rds-typography-w-regular pxToRem(40) / pxToRem(48) $rds-typography-f-headline
+  ),
+  ld: (
+    font: $rds-typography-w-regular pxToRem(56) / pxToRem(68) $rds-typography-f-headline
+  ),
+  xd: (
+    font: $rds-typography-w-regular pxToRem(64) / pxToRem(80) $rds-typography-f-headline
+  )
+);
+
+$rds-typography-headline-02: (
+  sd: (
+    font: $rds-typography-w-regular pxToRem(28) / pxToRem(34) $rds-typography-f-headline
+  ),
+  md: (
+    font: $rds-typography-w-regular pxToRem(32) / pxToRem(38) $rds-typography-f-headline
+  ),
+  ld: (
+    font: $rds-typography-w-regular pxToRem(40) / pxToRem(50) $rds-typography-f-headline
+  ),
+  xd: (
+    font: $rds-typography-w-regular pxToRem(48) / pxToRem(58) $rds-typography-f-headline
+  )
+);
+
+$rds-typography-headline-03: (
+  sd: (
+    font: $rds-typography-w-regular pxToRem(24) / pxToRem(29) $rds-typography-f-headline
+  ),
+  md: (
+    font: $rds-typography-w-regular pxToRem(20) / pxToRem(26) $rds-typography-f-headline
+  ),
+  ld: (
+    font: $rds-typography-w-regular pxToRem(28) / pxToRem(34) $rds-typography-f-headline
+  ),
+  xd: (
+    font: $rds-typography-w-regular pxToRem(46) / pxToRem(44) $rds-typography-f-headline
+  )
+);
+
+$rds-typography-numbers-00: (
+  sd: (
+    font: $rds-typography-w-regular pxToRem(56) / pxToRem(68) $rds-typography-f-headline
+  ),
+  md: (
+    font: $rds-typography-w-regular pxToRem(56) / pxToRem(68) $rds-typography-f-headline
+  ),
+  ld: (
+    font: $rds-typography-w-regular pxToRem(112) / pxToRem(136) $rds-typography-f-headline
+  ),
+  xd: (
+    font: $rds-typography-w-regular pxToRem(112) / pxToRem(136) $rds-typography-f-headline
+  )
+);
+
+$rds-typography-numbers-01: (
+  sd: (
+    font: $rds-typography-w-regular pxToRem(36) / pxToRem(44) $rds-typography-f-headline
+  ),
+  md: (
+    font: $rds-typography-w-regular pxToRem(36) / pxToRem(44) $rds-typography-f-headline
+  ),
+  ld: (
+    font: $rds-typography-w-regular pxToRem(48) / pxToRem(60) $rds-typography-f-headline
+  ),
+  xd: (
+    font: $rds-typography-w-regular pxToRem(48) / pxToRem(60) $rds-typography-f-headline
+  )
+);
+
+$rds-typography-numbers-02: (
+  sd: (
+    font: $rds-typography-w-regular pxToRem(28) / pxToRem(36) $rds-typography-f-headline
+  ),
+  md: (
+    font: $rds-typography-w-regular pxToRem(28) / pxToRem(36) $rds-typography-f-headline
+  ),
+  ld: (
+    font: $rds-typography-w-regular pxToRem(40) / pxToRem(48) $rds-typography-f-headline
+  ),
+  xd: (
+    font: $rds-typography-w-regular pxToRem(40) / pxToRem(48) $rds-typography-f-headline
+  )
+);
+
+$rds-typography-numbers-03: (
+  sd: (
+    font: $rds-typography-w-regular pxToRem(24) / pxToRem(32) $rds-typography-f-headline
+  ),
+  md: (
+    font: $rds-typography-w-regular pxToRem(24) / pxToRem(32) $rds-typography-f-headline
+  ),
+  ld: (
+    font: $rds-typography-w-regular pxToRem(28) / pxToRem(36) $rds-typography-f-headline
+  ),
+  xd: (
+    font: $rds-typography-w-regular pxToRem(28) / pxToRem(36) $rds-typography-f-headline
+  )
+);
+
+$rds-types-all: (
+  caption-1: $rds-typography-caption-01,
+  caption-02: $rds-typography-caption-02,
+  caption-tag: $rds-typography-caption-tag,
+  body-01: $rds-typography-body-01,
+  body-02: $rds-typography-body-02,
+  body-01-bold: $rds-typography-body-01-underline,
+  body-01-underline: $rds-typography-body-01-underline,
+  body-02-bold: $rds-typography-body-02-underline,
+  body-02-underline: $rds-typography-body-02-underline,
+  button-01: $rds-typography-button-01,
+  button-02: $rds-typography-button-02,
+  title-01: $rds-typography-title-01,
+  title-02: $rds-typography-title-02,
+  headline-00: $rds-typography-headline-00,
+  headline-01: $rds-typography-headline-01,
+  headline-02: $rds-typography-headline-02,
+  headline-03: $rds-typography-headline-03,
+  numbers-00: $rds-typography-numbers-00,
+  numbers-01: $rds-typography-numbers-01,
+  numbers-02: $rds-typography-numbers-02,
+  numbers-03: $rds-typography-numbers-03
+);
+
+$rds-types-sd: (
+  caption-1: $rds-typography-caption-01,
+  caption-02: $rds-typography-caption-02,
+  caption-tag: $rds-typography-caption-tag,
+  body-01: $rds-typography-body-01,
+  body-02: $rds-typography-body-02,
+  body-01-bold: $rds-typography-body-01-bold,
+  body-01-underline: $rds-typography-body-01-underline,
+  body-02-bold: $rds-typography-body-02-bold,
+  body-02-underline: $rds-typography-body-02-underline,
+  button-01: map.get($rds-typography-button-01, sd),
+  button-02: map.get($rds-typography-button-02, sd),
+  title-01: map.get($rds-typography-title-01, sd),
+  title-02: map.get($rds-typography-title-02, sd),
+  headline-00: map.get($rds-typography-headline-00, sd),
+  headline-01: map.get($rds-typography-headline-01, sd),
+  headline-02: map.get($rds-typography-headline-02, sd),
+  headline-03: map.get($rds-typography-headline-03, sd),
+  numbers-00: map.get($rds-typography-numbers-00, sd),
+  numbers-01: map.get($rds-typography-numbers-01, sd),
+  numbers-02: map.get($rds-typography-numbers-02, sd),
+  numbers-03: map.get($rds-typography-numbers-03, sd)
+);
+
+$rds-types-md: (
+  caption-1: $rds-typography-caption-01,
+  caption-02: $rds-typography-caption-02,
+  caption-tag: $rds-typography-caption-tag,
+  body-01: $rds-typography-body-01,
+  body-02: $rds-typography-body-02,
+  body-01-bold: $rds-typography-body-01-bold,
+  body-01-underline: $rds-typography-body-01-underline,
+  body-02-bold: $rds-typography-body-02-bold,
+  body-02-underline: $rds-typography-body-02-underline,
+  button-01: map.get($rds-typography-button-01, md),
+  button-02: map.get($rds-typography-button-02, md),
+  title-01: map.get($rds-typography-title-01, md),
+  title-02: map.get($rds-typography-title-02, md),
+  headline-00: map.get($rds-typography-headline-00, md),
+  headline-01: map.get($rds-typography-headline-01, md),
+  headline-02: map.get($rds-typography-headline-02, md),
+  headline-03: map.get($rds-typography-headline-03, md),
+  numbers-00: map.get($rds-typography-numbers-00, md),
+  numbers-01: map.get($rds-typography-numbers-01, md),
+  numbers-02: map.get($rds-typography-numbers-02, md),
+  numbers-03: map.get($rds-typography-numbers-03, md)
+);
+
+$rds-types-ld: (
+  caption-1: $rds-typography-caption-01,
+  caption-02: $rds-typography-caption-02,
+  caption-tag: $rds-typography-caption-tag,
+  body-01: $rds-typography-body-01,
+  body-02: $rds-typography-body-02,
+  body-01-bold: $rds-typography-body-01-bold,
+  body-01-underline: $rds-typography-body-01-underline,
+  body-02-bold: $rds-typography-body-02-bold,
+  body-02-underline: $rds-typography-body-02-underline,
+  button-01: map.get($rds-typography-button-01, ld),
+  button-02: map.get($rds-typography-button-02, ld),
+  title-01: map.get($rds-typography-title-01, ld),
+  title-02: map.get($rds-typography-title-02, ld),
+  headline-00: map.get($rds-typography-headline-00, ld),
+  headline-01: map.get($rds-typography-headline-01, ld),
+  headline-02: map.get($rds-typography-headline-02, ld),
+  headline-03: map.get($rds-typography-headline-03, ld),
+  numbers-00: map.get($rds-typography-numbers-00, ld),
+  numbers-01: map.get($rds-typography-numbers-01, ld),
+  numbers-02: map.get($rds-typography-numbers-02, ld),
+  numbers-03: map.get($rds-typography-numbers-03, ld)
+);
+
+$rds-types-xd: (
+  caption-1: $rds-typography-caption-01,
+  caption-02: $rds-typography-caption-02,
+  caption-tag: $rds-typography-caption-tag,
+  body-01: $rds-typography-body-01,
+  body-02: $rds-typography-body-02,
+  body-01-bold: $rds-typography-body-01-bold,
+  body-01-underline: $rds-typography-body-01-underline,
+  body-02-bold: $rds-typography-body-02-bold,
+  body-02-underline: $rds-typography-body-02-underline,
+  button-01: map.get($rds-typography-button-01, xd),
+  button-02: map.get($rds-typography-button-02, xd),
+  title-01: map.get($rds-typography-title-01, xd),
+  title-02: map.get($rds-typography-title-02, xd),
+  headline-00: map.get($rds-typography-headline-00, xd),
+  headline-01: map.get($rds-typography-headline-01, xd),
+  headline-02: map.get($rds-typography-headline-02, xd),
+  headline-03: map.get($rds-typography-headline-03, xd),
+  numbers-00: map.get($rds-typography-numbers-00, xd),
+  numbers-01: map.get($rds-typography-numbers-01, xd),
+  numbers-02: map.get($rds-typography-numbers-02, xd),
+  numbers-03: map.get($rds-typography-numbers-03, xd)
+);
+
+$rds-types-fluid: (
+  headline-00: $rds-typography-headline-00,
+  headline-01: $rds-typography-headline-01,
+  headline-02: $rds-typography-headline-02,
+  headline-03: $rds-typography-headline-03,
+  title-01: $rds-typography-title-01,
+  numbers-00: map.get($rds-typography-numbers-00, md),
+  numbers-01: map.get($rds-typography-numbers-01, md),
+  numbers-02: map.get($rds-typography-numbers-02, md),
+  numbers-03: map.get($rds-typography-numbers-03, md)
+);
+
+/* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
+:root {
+  --f-base: 16;
+  --f-light: 300;
+  --rds-typography-w-regular: 400;
+  --rds-typography-w-medium: 500;
+  --rds-typography-w-semibold: 600;
+  --rds-typography-w-bold: 700;
+  --rds-typography-f-text: 'SoleRepsolText';
+  --rds-typography-f-headline: 'SoleRepsolText';
+}
+
+/* AUTOGENERATED COMMENT - BUILD PURPOSE - END */

package/dist/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "energy-foundations",
+  "version": "0.0.1-beta.2",
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-customizable"
+    },
+    "cz-customizable": {
+      "config": ".cz-config.ts"
+    }
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^2.19.1",
+    "@chromatic-com/storybook": "^1.5.0",
+    "@commitlint/cli": "^19.3.0",
+    "@commitlint/config-conventional": "^19.2.2",
+    "@storybook/addon-essentials": "^8.2.1",
+    "@storybook/addon-interactions": "^8.2.1",
+    "@storybook/addon-links": "^8.1.10",
+    "@storybook/blocks": "^8.2.1",
+    "@storybook/builder-vite": "^8.2.4",
+    "@storybook/html-vite": "^8.2.1",
+    "@storybook/manager-api": "^8.2.1",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/test": "^8.2.1",
+    "@storybook/theming": "^8.2.1",
+    "@typescript-eslint/parser": "^7.16.1",
+    "@vue/compiler-sfc": "^3.4.33",
+    "auto-changelog": "^2.4.0",
+    "commitizen": "^4.3.0",
+    "cz-customizable": "^7.0.0",
+    "eslint": "^9.7.0",
+    "eslint-plugin-storybook": "^0.8.0",
+    "fixpack": "^4.0.0",
+    "husky": "8.0.1",
+    "lint-staged": "^15.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "release-it": "^17.3.0",
+    "sass": "^1.77.3",
+    "storybook": "^8.2.1",
+    "storybook-addon-sass-postcss": "^0.3.0",
+    "stylelint": "^14.8.1",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-recommended-scss": "^6.0.0",
+    "stylelint-order": "^5.0.0",
+    "stylelint-scss": "^4.2.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8",
+    "vite-plugin-static-copy": "0.17.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "files": [
+    "dist/"
+  ],
+  "lint-staged": {
+    "*.{vue,ts}": [
+      "yarn lint"
+    ],
+    "*.scss": [
+      "yarn stylelint"
+    ],
+    "package.json": [
+      "fixpack --dryRun"
+    ]
+  },
+  "main": "./style.css",
+  "scripts": {
+    "build": "tsc && vite build",
+    "build-storybook": "storybook build",
+    "build:css": "rm -rf dist && yarn prebuild && sass --no-source-map src/global.scss:dist/index.css",
+    "build:foundations": "rm -rf dist && sass --no-source-map src/rds-foundations.scss:dist/rds-foundations.css",
+    "build:reset": "rm -rf dist && sass --no-source-map src/rds-reset.scss:dist/rds-reset.css",
+    "build:storybook": "storybook build",
+    "build:variables": "rm -rf dist && sass --no-source-map src/rds-variables.scss:dist/rds-variables.css",
+    "changelog": "auto-changelog --commit-limit false --unreleased --package --template ./changelog-template.hbs && git add CHANGELOG.md",
+    "commit": "git-cz",
+    "commitlint": "commitlint --edit --config=commitlint.config.ts",
+    "dev": "rm -rf dist && sass --no-source-map --watch src/:dist",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "prebuild": "./prebuild.sh",
+    "prepare": "husky install",
+    "preview": "vite preview",
+    "release": "release-it",
+    "release:autochangelog": "npx auto-changelog --output changelog.md --commit-limit false -u --template https://raw.githubusercontent.com/cookpete/auto-changelog/master/templates/keepachangelog.hbs",
+    "storybook": "storybook dev -p 6006",
+    "storybook:preview": "npx http-server storybook-static",
+    "stylelint": "npx stylelint '**/*.scss'",
+    "stylelint:fix": "npx stylelint '**/*.scss' --fix"
+  },
+  "type": "module"
+}