@rescui/typography 0.1.0 → 0.4.0

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 (24) hide show
  1. package/lib/any.d.ts +1 -0
  2. package/lib/create-text-cn.d.ts +19 -19
  3. package/lib/create-text-cn.js +12 -17
  4. package/lib/font-inter.css +30 -32
  5. package/lib/font-jb-sans-auto.css +32 -0
  6. package/lib/font-jb-sans-variable.css +8 -0
  7. package/lib/font-jb-sans.css +21 -0
  8. package/lib/hooks.d.ts +5 -5
  9. package/lib/hooks.js +5 -3
  10. package/lib/index.css +280 -190
  11. package/lib/index.d.ts +6 -5
  12. package/lib/index.js +4 -12
  13. package/lib/mixins.pcss +278 -196
  14. package/lib/text-color-utils.d.ts +3 -0
  15. package/lib/text-color-utils.js +30 -0
  16. package/package.json +12 -10
  17. package/CHANGELOG.md +0 -30
  18. package/lib/create-text-cn.js.map +0 -1
  19. package/lib/font-inter.css.map +0 -1
  20. package/lib/hooks.js.map +0 -1
  21. package/lib/index.css.map +0 -1
  22. package/lib/index.js.map +0 -1
  23. package/lib/styles.js +0 -2
  24. package/lib/styles.js.map +0 -1
package/lib/text-color-utils.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare function typographyLight(el: HTMLElement): void;
2
+ export declare function typographyDark(el: HTMLElement): void;
3
+ export declare function resetTypographyColorVariables(el: HTMLElement): void;
package/lib/text-color-utils.js ADDED
@@ -0,0 +1,30 @@
1
+ import { RS_COLOR_BLACK, RS_COLOR_BLACK_T70, RS_COLOR_BLACK_T50, RS_COLOR_GREY_10, RS_COLOR_WHITE, RS_COLOR_WHITE_T70, RS_COLOR_WHITE_T50, RS_COLOR_GREY_90 } from '@rescui/colors';
2
+
3
+ function typographyLight(el) {
4
+ el.style.setProperty('--rs-typography-color-hard', RS_COLOR_BLACK);
5
+ el.style.setProperty('--rs-typography-color-average', RS_COLOR_BLACK_T70);
6
+ el.style.setProperty('--rs-typography-color-pale', RS_COLOR_BLACK_T50);
7
+ el.style.setProperty('--rs-typography-pre-color', RS_COLOR_BLACK);
8
+ el.style.setProperty('--rs-typography-pre-bg-color', RS_COLOR_GREY_10);
9
+ el.style.setProperty('--rs-typography-text-link-hover-color', RS_COLOR_WHITE);
10
+ }
11
+
12
+ function typographyDark(el) {
13
+ el.style.setProperty('--rs-typography-color-hard', RS_COLOR_WHITE);
14
+ el.style.setProperty('--rs-typography-color-average', RS_COLOR_WHITE_T70);
15
+ el.style.setProperty('--rs-typography-color-pale', RS_COLOR_WHITE_T50);
16
+ el.style.setProperty('--rs-typography-pre-color', RS_COLOR_WHITE_T70);
17
+ el.style.setProperty('--rs-typography-pre-bg-color', RS_COLOR_GREY_90);
18
+ el.style.setProperty('--rs-typography-text-link-hover-color', RS_COLOR_BLACK);
19
+ }
20
+
21
+ function resetTypographyColorVariables(el) {
22
+ el.style.setProperty('--rs-typography-color-hard', null);
23
+ el.style.setProperty('--rs-typography-color-average', null);
24
+ el.style.setProperty('--rs-typography-color-pale', null);
25
+ el.style.setProperty('--rs-typography-pre-color', null);
26
+ el.style.setProperty('--rs-typography-pre-bg-color', null);
27
+ el.style.setProperty('--rs-typography-text-link-hover-color', null);
28
+ }
29
+
30
+ export { resetTypographyColorVariables, typographyDark, typographyLight };
package/package.json CHANGED
@@ -1,33 +1,35 @@
1
1
  {
2
2
  "name": "@rescui/typography",
3
- "version": "0.1.0",
3
+ "version": "0.4.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
7
7
  "main": "lib/index.js",
8
8
  "src:main": "src/index.js",
9
- "styles:main": "lib/styles.js",
10
9
  "files": [
11
10
  "lib",
12
11
  "LICENSE.txt"
13
12
  ],
13
+ "sideEffects": [
14
+ "./lib/index.js",
15
+ "*.css"
16
+ ],
14
17
  "publishConfig": {
15
18
  "access": "public"
16
19
  },
17
20
  "dependencies": {
18
- "@babel/runtime-corejs3": "^7.13.10",
21
+ "@babel/runtime-corejs3": "^7.14.0",
22
+ "@rescui/colors": "^0.0.6",
19
23
  "bem-cn-fast": "^1.0.2",
20
24
  "inter-ui": "^3.15.1"
21
25
  },
22
26
  "peerDependencies": {
23
- "@rescui/ui-contexts": "^0.0.0",
27
+ "@rescui/ui-contexts": "<0.3.0",
24
28
  "react": ">=16.8.0 <18"
25
29
  },
26
30
  "devDependencies": {
27
- "@rescui/breakpoints": "^0.0.2",
28
- "@rescui/colors": "^0.0.2",
29
- "@rescui/postcss-preset-library": "^0.0.2",
30
- "@rescui/scripts": "^0.1.0",
31
+ "@rescui/postcss-preset-library": "^0.0.4",
32
+ "@rescui/scripts": "^0.1.4",
31
33
  "@rescui/visual-regression": "^0.0.1",
32
34
  "case": "^1.6.3",
33
35
  "fs-extra": "^7.0.1",
@@ -35,8 +37,8 @@
35
37
  "shx": "^0.3.3"
36
38
  },
37
39
  "scripts": {
38
- "build": "rescui-scripts build && yarn run build-mixins && shx rm lib/internal-config.css*",
40
+ "build": "rescui-scripts build --no-css-modules && yarn run build-mixins && shx cp src/font-*.css lib",
39
41
  "build-mixins": "rescui-scripts postcss --glob mixins.pcss --config ./.postcssrc-mixins.js --no-clean-out && shx mv lib/mixins.css lib/mixins.pcss && shx rm lib/mixins.css.map"
40
42
  },
41
- "gitHead": "4fff2c35d8b024e88629ee9a589c5c6433e2c8fd"
43
+ "gitHead": "6b1d206de2641861028760d73f33dee214c07911"
42
44
  }
package/CHANGELOG.md DELETED
@@ -1,30 +0,0 @@
1
- # Change Log
2
-
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
-
6
- <a name="v0.1.0"></a>
7
- # 0.1.0 (2021-06-03)
8
-
9
-
10
- ### Bug Fixes
11
-
12
- * Fix letter-spacing and font-weight and cleanup outdated cssdoc ([0bae09e](https://github.com/JetBrains/RescUI/commit/0bae09e))
13
-
14
- * Update hero links borders ([8f8288e](https://github.com/JetBrains/RescUI/commit/8f8288e))
15
-
16
-
17
-
18
- ### Features
19
-
20
- * Unbind Inter font from typography and remove unused font styles ([5cf679e](https://github.com/JetBrains/RescUI/commit/5cf679e))
21
-
22
-
23
-
24
-
25
-
26
-
27
- <a name="v0.0.1"></a>
28
- ## 0.0.1 (2021-03-30)
29
-
30
- **Note:** Version bump only for package @rescui/typography
package/lib/create-text-cn.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/create-text-cn.ts"],"names":[],"mappings":"AAGA,OAAO,SAAP,MAAsB,aAAtB;AACA,OAAO,UAAP;AAiCA,OAAM,SAAU,YAAV,CAAuB,KAAvB,EAAmC;AACvC,MAAI,CAAC,KAAL,EAAY;AACV,UAAM,IAAI,SAAJ,CAAc,4BAAd,CAAN;AACD;;AAKD,WAAS,MAAT,CACE,IADF,EAEE,MAFF,EAOG;AAND,QAAA,IAAA,KAAA,KAAA,CAAA,EAAA;AAAA,MAAA,IAAA,GAAA,WAAA;AAAuB;;AACvB,QAAA,MAAA,KAAA,KAAA,CAAA,EAAA;AAAA,MAAA,MAAA,GAAA;AACE,QAAA,mBAAmB,EAAE,KADvB;AAEE,QAAA,QAAQ,EAAE,SAFZ;AAGE,QAAA,QAAQ,EAAE,KAHZ;AAIE,QAAA,IAAI,EAAE;AAJR,OAAA;AAKC;;AAED,WAAO,SAAS,CAAC,IAAD,CAAT,CAAgB;AACrB,+BAAyB,MAAM,CAAC,mBADX;AAErB,MAAA,QAAQ,EAAE,MAAM,CAAC,QAFI;AAGrB,MAAA,QAAQ,EAAE,MAAM,CAAC,QAHI;AAIrB,MAAA,IAAI,EAAE,MAAM,CAAC,IAJQ;AAKrB,MAAA,KAAK,EAAA;AALgB,KAAhB,CAAP;AAOD;;AAED,SAAO,MAAP;AACD","sourceRoot":"","file":"create-text-cn.js"}
package/lib/font-inter.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/font-inter.pcss"],"names":[],"mappings":";AACA;EACE,mBAAoB;EACpB,iBAAmB;EACnB,eAAgB;EAChB,iBAAkB;EAClB;8DAC4D;AAC9D;;AAEA;EACE,mBAAoB;EACpB,iBAAmB;EACnB,eAAgB;EAChB,iBAAkB;EAClB;gEAC8D;AAChE;;AAEA;EACE,mBAAoB;EACpB,iBAAmB;EACnB,eAAgB;EAChB,iBAAkB;EAClB;+DAC6D;AAC/D;;AAEA;EACE,mBAAoB;EACpB,iBAAmB;EACnB,eAAgB;EAChB,iBAAkB;EAClB;iEAC+D;AACjE;;AAEA;EACE,mBAAoB;EACpB,iBAAmB;EACnB,eAAgB;EAChB,iBAAkB;EAClB;6DAC2D;AAC7D","file":"font-inter.css","sourcesContent":["\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(\"~inter-ui/Inter (web)/Inter-Light.woff2\") format(\"woff2\"),\n url(\"~inter-ui/Inter (web)/Inter-Light.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\"~inter-ui/Inter (web)/Inter-Regular.woff2\") format(\"woff2\"),\n url(\"~inter-ui/Inter (web)/Inter-Regular.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\"~inter-ui/Inter (web)/Inter-Medium.woff2\") format(\"woff2\"),\n url(\"~inter-ui/Inter (web)/Inter-Medium.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\"~inter-ui/Inter (web)/Inter-SemiBold.woff2\") format(\"woff2\"),\n url(\"~inter-ui/Inter (web)/Inter-SemiBold.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\"~inter-ui/Inter (web)/Inter-Bold.woff2\") format(\"woff2\"),\n url(\"~inter-ui/Inter (web)/Inter-Bold.woff\") format(\"woff\");\n}\n"]}
package/lib/hooks.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,SAAS,QAAT,QAAyB,qBAAzB;AAEA,SAAS,YAAT,QAA6B,kBAA7B;AAEA,OAAO,IAAM,aAAa,GAAG,SAAhB,aAAgB,GAAA;AAAM,SAAA,YAAY,CAAC,QAAb,EAAY,CAAZ;AAAwB,CAApD","sourceRoot":"","file":"hooks.js"}
package/lib/index.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/index.pcss","../src/mixins.pcss","<no source>"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@import './mixins.pcss';\n@import '~@rescui/colors/lib/simple-vars.pcss';\n\n/*\n Reset letter-spacing for Gotham text styles.\n Place it at the high level parent of the page.\n @class\n*/\n.rs-reset-gotham-font-style {\n}\n\n/* @class */\n.rs-font-smoothing {\n @mixin rs-font-smoothing;\n}\n\n/* @class */\n.rs-super-hero {\n @mixin rs-super-hero;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-super-hero-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-super-hero-theme-dark;\n }\n}\n\n/* @class */\n.rs-digits {\n @mixin rs-digits;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-digits-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-digits-theme-dark;\n }\n}\n\n/* @class */\n.rs-hero {\n @mixin rs-hero;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-hero-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-hero-theme-dark;\n }\n}\n\n/* @class */\n.rs-subtitle-1 {\n @mixin rs-subtitle-1;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-subtitle-1-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-subtitle-1-theme-dark;\n }\n}\n\n/* @class */\n.rs-h1 {\n @mixin rs-h1;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-h1-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-h1-theme-dark;\n }\n}\n\n/* @class */\n.rs-subtitle-2 {\n @mixin rs-subtitle-2;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-subtitle-2-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-subtitle-2-theme-dark;\n }\n}\n\n/* @class */\n.rs-h2 {\n @mixin rs-h2;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-h2-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-h2-theme-dark;\n }\n}\n\n/* @class */\n.rs-h3 {\n @mixin rs-h3;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-h3-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-h3-theme-dark;\n }\n}\n\n/* @class */\n.rs-text-1 {\n @mixin rs-text-1;\n\n /* @mod */\n &_paragraph-offset-auto {\n > p:not(:first-of-type) {\n @mixin rs-text-1-offset-top;\n }\n }\n\n /* @mod */\n &_theme_dark {\n @mixin rs-text-1-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-text-1-theme-dark;\n }\n\n /* @mod */\n &_hardness_hard {\n @mixin rs-text-hardness-hard;\n }\n\n /*\n Default\n @mod\n */\n &_hardness_average {\n @mixin rs-text-hardness-average;\n }\n\n /* @mod */\n &_hardness_pale {\n @mixin rs-text-hardness-pale;\n }\n\n &_theme_dark&_hardness_hard,\n [class*='_theme_dark'] &_theme_auto&_hardness_hard {\n @mixin rs-text-hardness-hard-theme-dark;\n }\n\n &_theme_dark&_hardness_average,\n [class*='_theme_dark'] &_theme_auto&_hardness_average {\n @mixin rs-text-hardness-average-theme-dark;\n }\n\n &_theme_dark&_hardness_pale,\n [class*='_theme_dark'] &_theme_auto&_hardness_pale {\n @mixin rs-text-hardness-pale-theme-dark;\n }\n}\n\n/* @class */\n.rs-h4 {\n @mixin rs-h4;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-h4-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-h4-theme-dark;\n }\n}\n\n/* @class */\n.rs-text-2 {\n @mixin rs-text-2;\n\n /* @mod */\n &_paragraph-offset-auto {\n > p:not(:first-of-type) {\n @mixin rs-text-2-offset-top;\n }\n }\n\n /* @mod */\n &_theme_dark {\n @mixin rs-text-2-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-text-2-theme-dark;\n }\n\n /* @mod */\n &_hardness_hard {\n @mixin rs-text-hardness-hard;\n }\n\n /*\n Default\n @mod\n */\n &_hardness_average {\n @mixin rs-text-hardness-average;\n }\n\n /* @mod */\n &_hardness_pale {\n @mixin rs-text-hardness-pale;\n }\n\n &_theme_dark&_hardness_hard,\n [class*='_theme_dark'] &_theme_auto&_hardness_hard {\n @mixin rs-text-hardness-hard-theme-dark;\n }\n\n &_theme_dark&_hardness_average,\n [class*='_theme_dark'] &_theme_auto&_hardness_average {\n @mixin rs-text-hardness-average-theme-dark;\n }\n\n &_theme_dark&_hardness_pale,\n [class*='_theme_dark'] &_theme_auto&_hardness_pale {\n @mixin rs-text-hardness-pale-theme-dark;\n }\n}\n\n/* @class */\n.rs-h5 {\n @mixin rs-h5;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-h5-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-h5-theme-dark;\n }\n}\n\n/* @class */\n.rs-overline {\n @mixin rs-overline;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-overline-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-overline-theme-dark;\n }\n}\n\n/* @class */\n.rs-text-3 {\n @mixin rs-text-3;\n\n /* @mod */\n &_paragraph-offset-auto {\n > p:not(:first-of-type) {\n @mixin rs-text-3-offset-top;\n }\n }\n\n /* @mod */\n &_theme_dark {\n @mixin rs-text-3-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-text-3-theme-dark;\n }\n\n /* @mod */\n &_hardness_hard {\n @mixin rs-text-hardness-hard;\n }\n\n /*\n Default\n @mod\n */\n &_hardness_average {\n @mixin rs-text-hardness-average;\n }\n\n /* @mod */\n &_hardness_pale {\n @mixin rs-text-hardness-pale;\n }\n\n &_theme_dark&_hardness_hard,\n [class*='_theme_dark'] &_theme_auto&_hardness_hard\n {\n @mixin rs-text-hardness-hard-theme-dark;\n }\n\n &_theme_dark&_hardness_average,\n [class*='_theme_dark'] &_theme_auto&_hardness_average {\n @mixin rs-text-hardness-average-theme-dark;\n }\n\n &_theme_dark&_hardness_pale,\n [class*='_theme_dark'] &_theme_auto&_hardness_pale {\n @mixin rs-text-hardness-pale-theme-dark;\n }\n}\n\n/*\nUnordered list\n@class\n*/\n.rs-ul {\n @mixin rs-ul;\n}\n\n/*\nOrdered list\n@class\n*/\n.rs-ol {\n @mixin rs-ol;\n\n /* @mod */\n &_alpha_lower {\n @mixin rs-ol-alpha-lower;\n }\n\n /* @mod */\n &_alpha_upper {\n @mixin rs-ol-alpha-upper;\n }\n}\n\n/* @class */\n.rs-pre {\n @mixin rs-pre;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-pre-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-pre-theme-dark;\n }\n}\n\n/* @class */\n.rs-code {\n @mixin rs-code;\n\n /* @mod */\n &_theme_dark {\n @mixin rs-code-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-code-theme-dark;\n }\n}\n\n[class*='rs-text'] code {\n @mixin rs-code;\n}\n\n[class*='_theme_dark'] code:not([class*='rs-code']) {\n @mixin rs-code-theme-dark;\n}\n\n/* @class */\n.rs-link {\n @mixin rs-link;\n\n /* @mod */\n &_external {\n @mixin rs-link-external;\n }\n\n /*\n For situations when the link is the only text around\n @mod\n */\n &_mode_standalone {\n @mixin rs-link-mode-standalone;\n\n [class*=\"rs-super-hero\"] &,\n [class*=\"rs-hero\"] &,\n [class*=\"rs-h1\"] &,\n [class*=\"rs-h2\"] & {\n @mixin rs-link-mode-standalone-big-heading;\n }\n }\n\n &_mode_standalone&_external {\n @mixin rs-link-mode-standalone-external;\n }\n\n\n /*\n For navigation blocks\n @mod\n */\n &_mode_nude {\n @mixin rs-link-mode-nude;\n }\n\n /*\n Default\n @mod\n */\n &_hardness_hard {\n @mixin rs-link-hardness-hard;\n }\n\n /*\n Default for `_mode_nude`\n @mod\n */\n &_hardness_average {\n @mixin rs-link-hardness-average;\n }\n\n /* @mod */\n &_hardness_pale {\n @mixin rs-link-hardness-pale;\n }\n\n /* @mod */\n &_theme_dark {\n @mixin rs-link-theme-dark;\n }\n\n /* @mod */\n [class*='_theme_dark'] &_theme_auto {\n @mixin rs-link-theme-dark;\n }\n\n &_theme_dark&_mode_standalone,\n [class*='_theme_dark'] &_theme_auto&_mode_standalone {\n @mixin rs-link-mode-standalone-theme-dark;\n }\n\n &_theme_dark&_mode_nude,\n [class*='_theme_dark'] &_theme_auto&_mode_nude {\n @mixin rs-link-mode-nude-theme-dark;\n }\n\n &_theme_dark&_hardness_hard,\n [class*='_theme_dark'] &_theme_auto&_hardness_hard {\n @mixin rs-link-hardness-hard-theme-dark;\n }\n\n &_theme_dark&_hardness_average,\n [class*='_theme_dark'] &_theme_auto&_hardness_average {\n @mixin rs-link-hardness-average-theme-dark;\n }\n\n &_theme_dark&_hardness_pale,\n [class*='_theme_dark'] &_theme_auto&_hardness_pale {\n @mixin rs-link-hardness-pale-theme-dark;\n }\n}\n","@import \"~@rescui/colors/src/simple-vars.pcss\";\n\n@define-mixin rs-font-smoothing {\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n@define-mixin rs-super-hero {\n letter-spacing: -3px;\n\n color: $rs-color-black;\n\n font-family: var(--rs-font-family-gotham);\n\n font-size: var(--rs-super-hero-font-size);\n font-weight: 500;\n line-height: var(--rs-super-hero-line-height);\n\n @media (--sm) {\n --rs-super-hero-font-size: 42px;\n --rs-super-hero-line-height: 48px;\n letter-spacing: -1px;\n }\n\n .rs-reset-gotham-font-style & {\n letter-spacing: normal;\n }\n}\n\n@define-mixin rs-super-hero-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-super-hero-offset-top {\n margin-top: calc(12 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-digits {\n letter-spacing: -3px;\n\n font-variant-numeric: tabular-nums;\n\n color: $rs-color-black;\n\n font-family: var(--rs-font-family-gotham);\n\n font-size: var(--rs-digits-font-size);\n font-weight: 300;\n line-height: var(--rs-digits-line-height);\n\n @media (--sm) {\n --rs-digits-font-size: 42px;\n --rs-digits-line-height: 48px;\n letter-spacing: -1px;\n }\n\n .rs-reset-gotham-font-style & {\n letter-spacing: normal;\n }\n}\n\n@define-mixin rs-digits-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-digits-offset-top {\n margin-top: calc(4 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-hero {\n letter-spacing: -2px;\n\n color: $rs-color-black;\n\n font-family: var(--rs-font-family-gotham);\n\n font-size: var(--rs-hero-font-size);\n font-weight: 500;\n line-height: var(--rs-hero-line-height);\n\n @media (--sm) {\n --rs-hero-font-size: 42px;\n --rs-hero-line-height: 48px;\n letter-spacing: -1px;\n }\n\n .rs-reset-gotham-font-style & {\n letter-spacing: normal;\n }\n}\n\n@define-mixin rs-hero-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-hero-offset-top {\n margin-top: calc(12 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-subtitle-1 {\n letter-spacing: -1px;\n\n color: $rs-color-black;\n\n font-family: var(--rs-font-family-gotham);\n\n font-size: var(--rs-subtitle-1-font-size);\n font-weight: 300;\n line-height: var(--rs-subtitle-1-line-height);\n\n @media (--sm) {\n --rs-subtitle-1-font-size: 24px;\n --rs-subtitle-1-line-height: 32px;\n letter-spacing: normal;\n }\n\n .rs-reset-gotham-font-style & {\n letter-spacing: normal;\n }\n}\n\n@define-mixin rs-subtitle-1-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-subtitle-1-offset-top {\n margin-top: calc(4 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-h1 {\n letter-spacing: -1px;\n\n color: $rs-color-black;\n\n font-family: var(--rs-font-family-gotham);\n\n font-size: var(--rs-h1-font-size);\n font-weight: 500;\n line-height: var(--rs-h1-line-height);\n\n @media (--sm) {\n --rs-h1-font-size: 36px;\n --rs-h1-line-height: 44px;\n letter-spacing: -0.5px;\n }\n\n .rs-reset-gotham-font-style & {\n letter-spacing: normal;\n }\n}\n\n@define-mixin rs-h1-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-h1-offset-top {\n margin-top: calc(8 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-subtitle-2 {\n letter-spacing: normal;\n\n color: $rs-color-black;\n\n font-family: var(--rs-font-family-gotham);\n\n font-size: var(--rs-subtitle-2-font-size);\n font-weight: 300;\n line-height: var(--rs-subtitle-2-line-height);\n\n @media (--sm) {\n --rs-subtitle-2-font-size: 24px;\n --rs-subtitle-2-line-height: 32px;\n }\n}\n\n@define-mixin rs-subtitle-2-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-subtitle-2-offset-top {\n margin-top: calc(4 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-h2 {\n letter-spacing: -0.5px;\n\n color: $rs-color-black;\n\n font-family: var(--rs-font-family-gotham);\n\n font-size: var(--rs-h2-font-size);\n font-weight: 500;\n line-height: var(--rs-h2-line-height);\n\n @media (--sm) {\n --rs-h2-font-size: 24px;\n --rs-h2-line-height: 32px;\n }\n\n .rs-reset-gotham-font-style & {\n letter-spacing: normal;\n }\n}\n\n@define-mixin rs-h2-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-h2-offset-top {\n margin-top: calc(6 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-h3 {\n letter-spacing: normal;\n\n color: $rs-color-black;\n\n font-family: var(--rs-font-family-inter);\n\n font-size: var(--rs-h3-font-size);\n font-weight: 600;\n line-height: var(--rs-h3-line-height);\n}\n\n@define-mixin rs-h3-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-h3-offset-top {\n margin-top: calc(4 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-text-hardness-hard {\n color: $rs-color-black;\n}\n\n@define-mixin rs-text-hardness-hard-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-text-hardness-average {\n color: $rs-color-black-t70;\n}\n\n@define-mixin rs-text-hardness-average-theme-dark {\n color: $rs-color-white-t70;\n}\n\n@define-mixin rs-text-hardness-pale {\n color: $rs-color-black-t50;\n}\n\n@define-mixin rs-text-hardness-pale-theme-dark {\n color: $rs-color-white-t50;\n}\n\n@define-mixin rs-text-1 {\n letter-spacing: normal;\n\n @mixin rs-text-hardness-average;\n\n font-family: var(--rs-font-family-inter);\n\n font-size: var(--rs-text-1-font-size);\n font-weight: 400;\n line-height: var(--rs-text-1-line-height);\n}\n\n@define-mixin rs-text-1-theme-dark {\n @mixin rs-text-hardness-average-theme-dark;\n}\n\n@define-mixin rs-text-1-offset-top {\n margin-top: calc(4 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-h4 {\n letter-spacing: normal;\n\n color: $rs-color-black;\n\n font-family: var(--rs-font-family-inter);\n\n font-size: var(--rs-h4-font-size);\n font-weight: 600;\n line-height: var(--rs-h4-line-height);\n}\n\n@define-mixin rs-h4-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-h4-offset-top {\n margin-top: calc(2 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-text-2 {\n letter-spacing: normal;\n\n @mixin rs-text-hardness-average;\n\n font-family: var(--rs-font-family-inter);\n\n font-size: var(--rs-text-2-font-size);\n font-weight: 400;\n line-height: var(--rs-text-2-line-height);\n}\n\n@define-mixin rs-text-2-theme-dark {\n @mixin rs-text-hardness-average-theme-dark;\n}\n\n@define-mixin rs-text-2-offset-top {\n margin-top: calc(2 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-h5 {\n letter-spacing: normal;\n\n color: $rs-color-black;\n\n font-family: var(--rs-font-family-inter);\n\n font-size: var(--rs-h5-font-size);\n font-weight: 600;\n line-height: var(--rs-h5-line-height);\n}\n\n@define-mixin rs-h5-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-h5-offset-top {\n margin-top: calc(2 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-overline {\n letter-spacing: 0.2px;\n\n text-transform: uppercase;\n\n color: $rs-color-black;\n\n font-family: var(--rs-font-family-inter);\n\n font-size: var(--rs-overline-font-size);\n font-weight: bold;\n line-height: var(--rs-overline-line-height);\n}\n\n@define-mixin rs-overline-theme-dark {\n color: $rs-color-white;\n}\n\n@define-mixin rs-overline-offset-top {\n margin-top: calc(2 * var(--rs-flow-unit));\n}\n\n@define-mixin rs-text-3 {\n letter-spacing: normal;\n\n @mixin rs-text-hardness-average;\n\n font-family: var(--rs-font-family-inter);\n\n font-size: var(--rs-text-3-font-size);\n font-weight: 400;\n line-height: var(--rs-text-3-line-height);\n}\n\n@define-mixin rs-text-3-theme-dark {\n @mixin rs-text-hardness-average-theme-dark;\n}\n\n@define-mixin rs-text-3-offset-top {\n margin-top: var(--rs-flow-unit);\n}\n\n@define-mixin rs-core-list-offset-items-8 {\n & > li {\n margin-top: 8px;\n\n @media (--sm) {\n margin-top: 8px;\n }\n }\n}\n\n@define-mixin rs-core-list-offset-items-12 {\n & > li {\n margin-top: 12px;\n\n @media (--sm) {\n margin-top: 12px;\n }\n }\n}\n\n@define-mixin rs-core-list-offset-items-16 {\n & > li {\n margin-top: 16px;\n\n @media (--sm) {\n margin-top: 12px;\n }\n }\n}\n\n@define-mixin rs-core-list-offset-items-24 {\n & > li {\n margin-top: 24px;\n\n @media (--sm) {\n margin-top: 16px;\n }\n }\n}\n\n@define-mixin rs-ul-text-1 {\n & > li {\n padding-left: 26px;\n }\n}\n\n@define-mixin rs-ul-text-2 {\n & > li {\n padding-left: 22px;\n }\n}\n\n@define-mixin rs-ul-text-3 {\n & > li {\n padding-left: 28px;\n }\n}\n\n@define-mixin rs-core-list {\n font-family: var(--rs-font-family-inter);\n list-style-type: none;\n padding-left: 0;\n\n /* we use this margin for every non-\"text-{n}\" list */\n @mixin rs-core-list-offset-items-16;\n\n /* we assume this padding for text-2 for UL list */\n @mixin rs-ul-text-2;\n\n > li {\n position: relative;\n\n list-style-type: none;\n\n &::before {\n position: absolute;\n\n top: 0;\n\n display: block;\n\n line-height: inherit;\n\n color: inherit;\n\n left: 0;\n text-align: left;\n }\n }\n\n /* @mod */\n &_offset-items_8 {\n @mixin rs-core-list-offset-items-8;\n }\n\n /* @mod */\n &_offset-items_12 {\n @mixin rs-core-list-offset-items-12;\n }\n\n /*\n Auto change size on sm breakpoint to 12\n @mod\n */\n &_offset-items_16 {\n @mixin rs-core-list-offset-items-16;\n }\n\n /*\n Auto change size on sm breakpoint to 16\n @mod\n */\n &_offset-items_24 {\n @mixin rs-core-list-offset-items-24;\n }\n\n &:not([class*=\"_offset-items_\"]) {\n &.rs-text-2,\n .rs-text-2 & {\n @mixin rs-core-list-offset-items-16;\n }\n\n &.rs-text-1,\n .rs-text-1 & {\n @mixin rs-core-list-offset-items-24;\n }\n\n &.rs-text-3,\n .rs-text-3 & {\n @mixin rs-core-list-offset-items-8;\n }\n }\n}\n\n@define-mixin rs-ul {\n @mixin rs-core-list;\n\n &.rs-text-1,\n .rs-text-1 & {\n @mixin rs-ul-text-1;\n }\n\n &.rs-text-3,\n .rs-text-3 & {\n @mixin rs-ul-text-3;\n }\n\n > li::before {\n content: '•';\n }\n}\n\n@define-mixin rs-ol-text-1 {\n & > li {\n padding-left: 32px;\n }\n}\n\n@define-mixin rs-ol-text-2 {\n & > li {\n padding-left: 26px;\n }\n}\n\n@define-mixin rs-ol-text-3 {\n & > li {\n padding-left: 21px;\n }\n}\n\n@define-mixin rs-ol {\n @mixin rs-core-list;\n\n counter-reset: ol-counter;\n\n &.rs-text-2,\n .rs-text-2 & {\n @mixin rs-ol-text-2;\n }\n\n &.rs-text-1,\n .rs-text-1 & {\n @mixin rs-ol-text-1;\n }\n\n &.rs-text-3,\n .rs-text-3 & {\n @mixin rs-ol-text-3;\n }\n\n > li::before {\n content: counter(ol-counter)'.';\n counter-increment: ol-counter;\n }\n}\n\n@define-mixin rs-ol-alpha-lower {\n > li::before {\n content: counter(ol-counter,lower-alpha)'.';\n }\n}\n\n@define-mixin rs-ol-alpha-upper {\n > li::before {\n content: counter(ol-counter,upper-alpha)'.';\n }\n}\n\n@define-mixin rs-pre-child-code-direct {\n border: 0;\n\n white-space: pre;\n word-break: normal;\n}\n\n@define-mixin rs-pre-child-code {\n display: inline;\n overflow: visible;\n\n max-width: none;\n margin: 0;\n padding: 0 !important;\n\n word-wrap: normal;\n\n background: transparent !important;\n color: inherit !important;\n\n font-family: var(--rs-font-family-mono);\n line-height: inherit;\n}\n\n@define-mixin rs-pre {\n overflow: auto;\n\n box-sizing: border-box;\n\n max-width: 100%;\n width: 100%;\n\n padding: 12px 16px;\n\n word-wrap: normal;\n\n font-family: var(--rs-font-family-mono);\n\n font-size: 15px;\n line-height: 24px;\n color: $rs-color-black;\n background-color: $rs-color-grey-10;\n border-radius: 8px;\n\n display: block;\n\n > code,\n > .rs-code {\n @mixin rs-pre-child-code-direct;\n }\n\n code,\n .rs-code {\n @mixin rs-pre-child-code;\n }\n}\n\n@define-mixin rs-pre-theme-dark {\n color: $rs-color-white-t70;\n background-color: $rs-color-grey-90;\n}\n\n@define-mixin rs-pre-offset-top {\n margin-top: 16px;\n}\n\n@define-mixin rs-code-text-1 {\n padding: 0 8px;\n}\n\n@define-mixin rs-code-text-2 {\n padding: 0 6px;\n}\n\n@define-mixin rs-code {\n box-sizing: border-box;\n @mixin rs-code-text-2;\n\n color: $rs-color-black;\n background-color: $rs-color-grey-10;\n\n font-family: var(--rs-font-family-mono);\n\n font-size: 90%;\n line-height: inherit;\n\n border-radius: 4px;\n\n .rs-text-2 & {\n @mixin rs-code-text-2;\n }\n\n .rs-text-1 & {\n @mixin rs-code-text-1;\n }\n}\n\n@define-mixin rs-code-theme-dark {\n color: $rs-color-white-t70;\n background-color: $rs-color-grey-90;\n}\n\n@define-mixin rs-link-hardness-hard {\n --rs-link-color: $rs-color-black;\n}\n\n@define-mixin rs-link-hardness-average {\n --rs-link-color: $rs-color-black-t70;\n}\n\n@define-mixin rs-link-hardness-pale {\n --rs-link-color: $rs-color-black-t50;\n}\n\n@define-mixin rs-link {\n --rs-link-color: $rs-color-black;\n --rs-link-color-hover: $rs-color-white;\n --rs-underline-color: $rs-color-black;\n\n padding-bottom: 1px;\n\n outline: none;\n\n cursor: pointer;\n text-decoration: none;\n color: $rs-color-black;\n color: var(--rs-link-color);\n\n font-size: inherit;\n line-height: inherit;\n border-bottom: 1px solid $rs-color-black;\n border-bottom: 1px solid var(--rs-underline-color);\n\n background-image: linear-gradient(to bottom, $rs-color-black 100%, transparent 0);\n background-size: auto 0;\n background-repeat: repeat-x;\n background-position: left calc(100% + 4px);\n transition: background-size 300ms, color 300ms;\n\n /* IE11 doesn't support background-size transitions */\n @media all and (-ms-high-contrast:none)\n {\n transition: none;\n }\n\n &:active,\n &:focus {\n color: $rs-color-black;\n color: var(--rs-link-color);\n }\n\n &:hover {\n text-decoration: none;\n color: $rs-color-white;\n color: var(--rs-link-color-hover);\n background-size: auto calc(100% + 4px);\n }\n\n &:focus[data-focus-method='key']{\n box-shadow: var(--rs-color-primary-dim-light-theme) 0 0 0 4px;\n }\n\n [class*=\"rs-super-hero\"] & {\n @mixin rs-link-border-5;\n }\n\n [class*=\"rs-hero\"] & {\n @mixin rs-link-border-4;\n }\n\n [class*=\"rs-h1\"] &,\n [class*=\"rs-h2\"] &,\n [class*=\"rs-h3\"] &,\n [class*=\"rs-h4\"] &,\n [class*=\"rs-h5\"] &,\n [class*=\"rs-overline\"] &,\n [class*=\"rs-subtitle-1\"] &,\n [class*=\"rs-subtitle-2\"] & {\n @mixin rs-link-border-2;\n }\n}\n\n@define-mixin rs-link-external {\n &:after {\n content: '\\2197';\n display: inline;\n margin-right: -0.1em;\n margin-left: 0;\n }\n}\n\n@define-mixin rs-link-mode-standalone {\n --rs-link-color-hover: $rs-color-black;\n --rs-link-standalone-border-offset: 1.3em;\n border-bottom-color: transparent;\n background-image: none;\n background-size: initial;\n background-repeat: initial;\n background-position: initial;\n transition: none;\n\n &:after {\n content: '\\2192';\n display: inline;\n margin-right: 0.15em;\n margin-left: 0.15em;\n transition: margin-right 300ms, margin-left 300ms;\n }\n\n &:hover {\n color: $rs-color-black;\n color: var(--rs-link-color-hover);\n border-bottom-color: $rs-color-black;\n border-bottom-color: var(--rs-underline-color);\n border-image: linear-gradient(to right, $rs-color-black calc(100% - 1.3em), transparent 1.3em) 1;\n border-image: linear-gradient(to right, var(--rs-underline-color) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;\n }\n\n &:hover:after {\n margin-right: 0;\n margin-left: 0.3em;\n }\n}\n\n@define-mixin rs-link-mode-standalone-big-heading {\n --rs-link-standalone-border-offset: 1.15em;\n}\n\n@define-mixin rs-link-mode-standalone-external {\n &:after {\n content: '\\2197';\n }\n}\n\n@define-mixin rs-link-mode-nude {\n --rs-link-color: $rs-color-black-t70;\n --rs-link-color-hover: $rs-color-black;\n\n border-bottom-color: transparent;\n background-image: none;\n background-size: initial;\n background-repeat: initial;\n background-position: initial;\n transition: none;\n\n color: $rs-color-black-t70;\n color: var(--rs-link-color);\n\n &:hover {\n border-bottom-color: $rs-color-black;\n border-bottom-color: var(--rs-underline-color);\n color: $rs-color-black;\n color: var(--rs-link-color-hover);\n }\n}\n\n@define-mixin rs-link-border-5 {\n padding-bottom: 0;\n\n border-bottom-width: 5px;\n\n @media (--sm) {\n border-bottom-width: 2px;\n }\n}\n\n@define-mixin rs-link-border-4 {\n padding-bottom: 0;\n\n border-bottom-width: 4px;\n\n @media (--sm) {\n border-bottom-width: 2px;\n }\n}\n\n@define-mixin rs-link-border-2 {\n padding-bottom: 0;\n\n border-bottom-width: 2px;\n}\n\n@define-mixin rs-link-hardness-hard-theme-dark {\n --rs-link-color: $rs-color-white;\n}\n\n@define-mixin rs-link-hardness-average-theme-dark {\n --rs-link-color: $rs-color-white-t70;\n}\n\n@define-mixin rs-link-hardness-pale-theme-dark {\n --rs-link-color: $rs-color-white-t50;\n}\n\n@define-mixin rs-link-theme-dark {\n --rs-link-color: $rs-color-white;\n --rs-link-color-hover: $rs-color-black;\n --rs-underline-color: $rs-color-white;\n\n color: $rs-color-white;\n color: var(--rs-link-color);\n border-bottom-color: $rs-color-white;\n border-bottom-color: var(--rs-underline-color);\n\n background-image: linear-gradient(to bottom, $rs-color-white 100%, transparent 0);\n border-bottom-color: $rs-color-white;\n border-bottom-color: var(--rs-underline-color);\n\n &:active,\n &:focus {\n color: $rs-color-white;\n color: var(--rs-link-color);\n }\n\n &:hover {\n color: $rs-color-black;\n color: var(--rs-link-color-hover);\n }\n\n &:focus[data-focus-method='key']{\n box-shadow: var(--rs-color-primary-dim-dark-theme) 0 0 0 4px;\n }\n}\n\n@define-mixin rs-link-mode-standalone-theme-dark {\n --rs-link-color-hover: $rs-color-white;\n\n background-image: none;\n border-bottom-color: transparent;\n &:hover {\n color: $rs-color-white;\n color: var(--rs-link-color-hover);\n border-bottom-color: $rs-color-white;\n border-bottom-color: var(--rs-underline-color);\n border-image: linear-gradient(to right, $rs-color-white calc(100% - 1.3em), transparent 1.3em) 1;\n border-image: linear-gradient(to right, var(--rs-underline-color) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;\n }\n}\n\n@define-mixin rs-link-mode-nude-theme-dark {\n --rs-link-color: $rs-color-white-t70;\n --rs-link-color-hover: $rs-color-white;\n\n background-image: none;\n border-bottom-color: transparent;\n color: $rs-color-white-t70;\n color: var(--rs-link-color);\n\n &:hover {\n border-bottom-color: $rs-color-white;\n border-bottom-color: var(--rs-underline-color);\n color: $rs-color-white;\n color: var(--rs-link-color-hover);\n }\n}\n",null]}
package/lib/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAP,C,CAEA;;AACA,cAAc,SAAd,C,CACA;;AACA,cAAc,kBAAd,C,CACA;AACA;AACA;;AACA,SAAS,YAAT,QAA6B,kBAA7B,C,CACA;;AACA,SAAS,aAAT,QAA8B,SAA9B","sourceRoot":"","file":"index.js"}
package/lib/styles.js DELETED
@@ -1,2 +0,0 @@
1
- import "./index.css";
2
- //# sourceMappingURL=styles.js.map
package/lib/styles.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/styles.js"],"names":[],"mappings":"AAAA,OAAA,aAAA","sourcesContent":["import './index.pcss';\n"],"file":"styles.js"}