Included styles and tailwind

wtprograms · Oct 25, 2024 · 5d4dcbf · 5d4dcbf
1 parent a3c7362
commit 5d4dcbf
Show file tree

Hide file tree

Showing 86 changed files with 15 additions and 5 deletions.
diff --git a/.gitignore b/.gitignore
@@ -5,6 +5,7 @@
 /tmp
 /out-tsc
 /bazel-out
+public-api.ts
 
 # Node
 /node_modules

diff --git a/projects/wtprograms/material-design/ng-package.json b/projects/wtprograms/material-design/ng-package.json
@@ -3,5 +3,9 @@
   "dest": "../../../dist/wtprograms/material-design",
   "lib": {
     "entryFile": "src/public-api.ts"
-  }
+  },
+  "assets": [
+    "styles",
+    "tailwind"
+  ]
 }
diff --git a/projects/wtprograms/material-design/src/lib/components/_md.scss b/projects/wtprograms/material-design/src/lib/components/_md.scss
@@ -1 +1 @@
-@forward '../../styles/index';
+@forward '../../../styles/index';
diff --git a/projects/wtprograms/material-design/src/lib/components/typescale/typescale.component.scss b/projects/wtprograms/material-design/src/lib/components/typescale/typescale.component.scss
@@ -6,8 +6,11 @@ $sizes: ('large', 'medium', 'small');
 
 @each $scale in $scales {
   @each $size in $sizes {
-    :host([scale='#{$scale}'][size='#{$size}']) {
+    :host([scale='#{$scale}'][size='#{$size}'][rfs='true']) {
       @include md.typescale($scale, $size);
     }
+    :host([scale='#{$scale}'][size='#{$size}']:not([rfs='true'])) {
+      @include md.typescale($scale, $size, false);
+    }
   }
 }
diff --git a/projects/wtprograms/material-design/src/lib/components/typescale/typescale.component.ts b/projects/wtprograms/material-design/src/lib/components/typescale/typescale.component.ts
@@ -21,9 +21,11 @@ export type TypescaleSize = 'large' | 'medium' | 'small';
   host: {
     '[attr.scale]': 'scale()',
     '[attr.size]': 'size()',
+    '[attr.rfs]': 'rfs() ?? null',
   },
 })
 export class TypescaleComponent extends MaterialDesignComponent {
   readonly scale = model<Typescale>('body');
   readonly size = model<TypescaleSize>('medium');
+  readonly rfs = model(true);
 }
diff --git a/...ms/material-design/src/styles/_index.scss → ...ograms/material-design/styles/_index.scss b/...ms/material-design/src/styles/_index.scss → ...ograms/material-design/styles/_index.scss
diff --git a/...ial-design/src/styles/imports/_fonts.scss → ...aterial-design/styles/imports/_fonts.scss b/...ial-design/src/styles/imports/_fonts.scss → ...aterial-design/styles/imports/_fonts.scss
diff --git a/...ial-design/src/styles/imports/_index.scss → ...aterial-design/styles/imports/_index.scss b/...ial-design/src/styles/imports/_index.scss → ...aterial-design/styles/imports/_index.scss
diff --git a/...ial-design/src/styles/methods/_color.scss → ...aterial-design/styles/methods/_color.scss b/...ial-design/src/styles/methods/_color.scss → ...aterial-design/styles/methods/_color.scss
diff --git a/...n/src/styles/methods/_declare-tokens.scss → ...esign/styles/methods/_declare-tokens.scss b/...n/src/styles/methods/_declare-tokens.scss → ...esign/styles/methods/_declare-tokens.scss
diff --git a/...c/styles/methods/_disabled-component.scss → ...n/styles/methods/_disabled-component.scss b/...c/styles/methods/_disabled-component.scss → ...n/styles/methods/_disabled-component.scss
diff --git a/...-design/src/styles/methods/_disabled.scss → ...rial-design/styles/methods/_disabled.scss b/...-design/src/styles/methods/_disabled.scss → ...rial-design/styles/methods/_disabled.scss
diff --git a/...l-design/src/styles/methods/_elevate.scss → ...erial-design/styles/methods/_elevate.scss b/...l-design/src/styles/methods/_elevate.scss → ...erial-design/styles/methods/_elevate.scss
diff --git a/...ial-design/src/styles/methods/_index.scss → ...aterial-design/styles/methods/_index.scss b/...ial-design/src/styles/methods/_index.scss → ...aterial-design/styles/methods/_index.scss
diff --git a/...erial-design/src/styles/methods/_mix.scss → .../material-design/styles/methods/_mix.scss b/...erial-design/src/styles/methods/_mix.scss → .../material-design/styles/methods/_mix.scss
diff --git a/...al-design/src/styles/methods/_motion.scss → ...terial-design/styles/methods/_motion.scss b/...al-design/src/styles/methods/_motion.scss → ...terial-design/styles/methods/_motion.scss
diff --git a/...l-design/src/styles/methods/_palette.scss → ...erial-design/styles/methods/_palette.scss b/...l-design/src/styles/methods/_palette.scss → ...erial-design/styles/methods/_palette.scss
diff --git a/...erial-design/src/styles/methods/_rfs.scss → .../material-design/styles/methods/_rfs.scss b/...erial-design/src/styles/methods/_rfs.scss → .../material-design/styles/methods/_rfs.scss
diff --git a/...al-design/src/styles/methods/_screen.scss → ...terial-design/styles/methods/_screen.scss b/...al-design/src/styles/methods/_screen.scss → ...terial-design/styles/methods/_screen.scss
diff --git a/...-design/src/styles/methods/_set-mode.scss → ...rial-design/styles/methods/_set-mode.scss b/...-design/src/styles/methods/_set-mode.scss → ...rial-design/styles/methods/_set-mode.scss
diff --git a/...design/src/styles/methods/_typescale.scss → ...ial-design/styles/methods/_typescale.scss b/...design/src/styles/methods/_typescale.scss → ...ial-design/styles/methods/_typescale.scss
diff --git a/...material-design/src/styles/reboot/_a.scss → ...ams/material-design/styles/reboot/_a.scss b/...material-design/src/styles/reboot/_a.scss → ...ams/material-design/styles/reboot/_a.scss
diff --git a/...erial-design/src/styles/reboot/_body.scss → .../material-design/styles/reboot/_body.scss b/...erial-design/src/styles/reboot/_body.scss → .../material-design/styles/reboot/_body.scss
diff --git a/...l-design/src/styles/reboot/_document.scss → ...erial-design/styles/reboot/_document.scss b/...l-design/src/styles/reboot/_document.scss → ...erial-design/styles/reboot/_document.scss
diff --git a/...material-design/src/styles/reboot/_h.scss → ...ams/material-design/styles/reboot/_h.scss b/...material-design/src/styles/reboot/_h.scss → ...ams/material-design/styles/reboot/_h.scss
diff --git a/...aterial-design/src/styles/reboot/_hr.scss → ...ms/material-design/styles/reboot/_hr.scss b/...aterial-design/src/styles/reboot/_hr.scss → ...ms/material-design/styles/reboot/_hr.scss
diff --git a/...rial-design/src/styles/reboot/_index.scss → ...material-design/styles/reboot/_index.scss b/...rial-design/src/styles/reboot/_index.scss → ...material-design/styles/reboot/_index.scss
diff --git a/...material-design/src/styles/reboot/_p.scss → ...ams/material-design/styles/reboot/_p.scss b/...material-design/src/styles/reboot/_p.scss → ...ams/material-design/styles/reboot/_p.scss
diff --git a/...ial-design/src/styles/reboot/_select.scss → ...aterial-design/styles/reboot/_select.scss b/...ial-design/src/styles/reboot/_select.scss → ...aterial-design/styles/reboot/_select.scss
diff --git a/...rial-design/src/styles/reboot/_small.scss → ...material-design/styles/reboot/_small.scss b/...rial-design/src/styles/reboot/_small.scss → ...material-design/styles/reboot/_small.scss
diff --git a/...ial-design/src/styles/reboot/_strong.scss → ...aterial-design/styles/reboot/_strong.scss b/...ial-design/src/styles/reboot/_strong.scss → ...aterial-design/styles/reboot/_strong.scss
diff --git a/...rial-design/src/styles/shared/_index.scss → ...material-design/styles/shared/_index.scss b/...rial-design/src/styles/shared/_index.scss → ...material-design/styles/shared/_index.scss
diff --git a/...sign/src/styles/shared/_reset-button.scss → ...l-design/styles/shared/_reset-button.scss b/...sign/src/styles/shared/_reset-button.scss → ...l-design/styles/shared/_reset-button.scss
diff --git a/...esign/src/styles/shared/_reset-input.scss → ...al-design/styles/shared/_reset-input.scss b/...esign/src/styles/shared/_reset-input.scss → ...al-design/styles/shared/_reset-input.scss
diff --git a/...ms/material-design/src/styles/styles.scss → ...ograms/material-design/styles/styles.scss b/...ms/material-design/src/styles/styles.scss → ...ograms/material-design/styles/styles.scss
diff --git a/...rial-design/src/styles/tokens/_index.scss → ...material-design/styles/tokens/_index.scss b/...rial-design/src/styles/tokens/_index.scss → ...material-design/styles/tokens/_index.scss
diff --git a/...-design/src/styles/tokens/ref/_index.scss → ...rial-design/styles/tokens/ref/_index.scss b/...-design/src/styles/tokens/ref/_index.scss → ...rial-design/styles/tokens/ref/_index.scss
diff --git a/...n/src/styles/tokens/ref/palette/_hue.scss → ...esign/styles/tokens/ref/palette/_hue.scss b/...n/src/styles/tokens/ref/palette/_hue.scss → ...esign/styles/tokens/ref/palette/_hue.scss
diff --git a/...src/styles/tokens/ref/palette/_index.scss → ...ign/styles/tokens/ref/palette/_index.scss b/...src/styles/tokens/ref/palette/_index.scss → ...ign/styles/tokens/ref/palette/_index.scss
diff --git a/...tyles/tokens/ref/palette/_saturation.scss → ...tyles/tokens/ref/palette/_saturation.scss b/...tyles/tokens/ref/palette/_saturation.scss → ...tyles/tokens/ref/palette/_saturation.scss
diff --git a/...src/styles/tokens/ref/typeface/_font.scss → ...ign/styles/tokens/ref/typeface/_font.scss b/...src/styles/tokens/ref/typeface/_font.scss → ...ign/styles/tokens/ref/typeface/_font.scss
diff --git a/...rc/styles/tokens/ref/typeface/_index.scss → ...gn/styles/tokens/ref/typeface/_index.scss b/...rc/styles/tokens/ref/typeface/_index.scss → ...gn/styles/tokens/ref/typeface/_index.scss
diff --git a/...c/styles/tokens/ref/typeface/_weight.scss → ...n/styles/tokens/ref/typeface/_weight.scss b/...c/styles/tokens/ref/typeface/_weight.scss → ...n/styles/tokens/ref/typeface/_weight.scss
diff --git a/...sign/src/styles/tokens/sys/_disabled.scss → ...l-design/styles/tokens/sys/_disabled.scss b/...sign/src/styles/tokens/sys/_disabled.scss → ...l-design/styles/tokens/sys/_disabled.scss
diff --git a/...ign/src/styles/tokens/sys/_elevation.scss → ...-design/styles/tokens/sys/_elevation.scss b/...ign/src/styles/tokens/sys/_elevation.scss → ...-design/styles/tokens/sys/_elevation.scss
diff --git a/...-design/src/styles/tokens/sys/_index.scss → ...rial-design/styles/tokens/sys/_index.scss b/...-design/src/styles/tokens/sys/_index.scss → ...rial-design/styles/tokens/sys/_index.scss
diff --git a/...-design/src/styles/tokens/sys/_shape.scss → ...rial-design/styles/tokens/sys/_shape.scss b/...-design/src/styles/tokens/sys/_shape.scss → ...rial-design/styles/tokens/sys/_shape.scss
diff --git a/...-design/src/styles/tokens/sys/_state.scss → ...rial-design/styles/tokens/sys/_state.scss b/...-design/src/styles/tokens/sys/_state.scss → ...rial-design/styles/tokens/sys/_state.scss
diff --git a/...esign/src/styles/tokens/sys/_z-index.scss → ...al-design/styles/tokens/sys/_z-index.scss b/...esign/src/styles/tokens/sys/_z-index.scss → ...al-design/styles/tokens/sys/_z-index.scss
diff --git a/.../styles/tokens/sys/color/_background.scss → .../styles/tokens/sys/color/_background.scss b/.../styles/tokens/sys/color/_background.scss → .../styles/tokens/sys/color/_background.scss
diff --git a/...n/src/styles/tokens/sys/color/_index.scss → ...esign/styles/tokens/sys/color/_index.scss b/...n/src/styles/tokens/sys/color/_index.scss → ...esign/styles/tokens/sys/color/_index.scss
diff --git a/...src/styles/tokens/sys/color/_outline.scss → ...ign/styles/tokens/sys/color/_outline.scss b/...src/styles/tokens/sys/color/_outline.scss → ...ign/styles/tokens/sys/color/_outline.scss
diff --git a/...src/styles/tokens/sys/color/_surface.scss → ...ign/styles/tokens/sys/color/_surface.scss b/...src/styles/tokens/sys/color/_surface.scss → ...ign/styles/tokens/sys/color/_surface.scss
diff --git a/...yles/tokens/sys/color/_theme-palette.scss → ...yles/tokens/sys/color/_theme-palette.scss b/...yles/tokens/sys/color/_theme-palette.scss → ...yles/tokens/sys/color/_theme-palette.scss
diff --git a/...src/styles/tokens/sys/motion/_easing.scss → ...ign/styles/tokens/sys/motion/_easing.scss b/...src/styles/tokens/sys/motion/_easing.scss → ...ign/styles/tokens/sys/motion/_easing.scss
diff --git a/.../src/styles/tokens/sys/motion/_index.scss → ...sign/styles/tokens/sys/motion/_index.scss b/.../src/styles/tokens/sys/motion/_index.scss → ...sign/styles/tokens/sys/motion/_index.scss
diff --git a/...kens/sys/motion/duration/_extra-long.scss → ...kens/sys/motion/duration/_extra-long.scss b/...kens/sys/motion/duration/_extra-long.scss → ...kens/sys/motion/duration/_extra-long.scss
diff --git a/...es/tokens/sys/motion/duration/_index.scss → ...es/tokens/sys/motion/duration/_index.scss b/...es/tokens/sys/motion/duration/_index.scss → ...es/tokens/sys/motion/duration/_index.scss
diff --git a/...les/tokens/sys/motion/duration/_long.scss → ...les/tokens/sys/motion/duration/_long.scss b/...les/tokens/sys/motion/duration/_long.scss → ...les/tokens/sys/motion/duration/_long.scss
diff --git a/...s/tokens/sys/motion/duration/_medium.scss → ...s/tokens/sys/motion/duration/_medium.scss b/...s/tokens/sys/motion/duration/_medium.scss → ...s/tokens/sys/motion/duration/_medium.scss
diff --git a/...es/tokens/sys/motion/duration/_short.scss → ...es/tokens/sys/motion/duration/_short.scss b/...es/tokens/sys/motion/duration/_short.scss → ...es/tokens/sys/motion/duration/_short.scss
diff --git a/...rc/styles/tokens/sys/typescale/_body.scss → ...gn/styles/tokens/sys/typescale/_body.scss b/...rc/styles/tokens/sys/typescale/_body.scss → ...gn/styles/tokens/sys/typescale/_body.scss
diff --git a/...styles/tokens/sys/typescale/_display.scss → ...styles/tokens/sys/typescale/_display.scss b/...styles/tokens/sys/typescale/_display.scss → ...styles/tokens/sys/typescale/_display.scss
diff --git a/...tyles/tokens/sys/typescale/_headline.scss → ...tyles/tokens/sys/typescale/_headline.scss b/...tyles/tokens/sys/typescale/_headline.scss → ...tyles/tokens/sys/typescale/_headline.scss
diff --git a/...c/styles/tokens/sys/typescale/_index.scss → ...n/styles/tokens/sys/typescale/_index.scss b/...c/styles/tokens/sys/typescale/_index.scss → ...n/styles/tokens/sys/typescale/_index.scss
diff --git a/...c/styles/tokens/sys/typescale/_label.scss → ...n/styles/tokens/sys/typescale/_label.scss b/...c/styles/tokens/sys/typescale/_label.scss → ...n/styles/tokens/sys/typescale/_label.scss
diff --git a/...c/styles/tokens/sys/typescale/_title.scss → ...n/styles/tokens/sys/typescale/_title.scss b/...c/styles/tokens/sys/typescale/_title.scss → ...n/styles/tokens/sys/typescale/_title.scss
diff --git a/...s/tokens/sys/typescale/_to-typescale.scss → ...s/tokens/sys/typescale/_to-typescale.scss b/...s/tokens/sys/typescale/_to-typescale.scss → ...s/tokens/sys/typescale/_to-typescale.scss
diff --git a/...l-design/src/styles/variables/_index.scss → ...erial-design/styles/variables/_index.scss b/...l-design/src/styles/variables/_index.scss → ...erial-design/styles/variables/_index.scss
diff --git a/...design/src/styles/variables/_screens.scss → ...ial-design/styles/variables/_screens.scss b/...design/src/styles/variables/_screens.scss → ...ial-design/styles/variables/_screens.scss
diff --git a/...ams/material-design/src/tailwind/index.js → ...rograms/material-design/tailwind/index.js b/...ams/material-design/src/tailwind/index.js → ...rograms/material-design/tailwind/index.js
diff --git a/...rial-design/src/tailwind/plugins/index.js → ...material-design/tailwind/plugins/index.js b/...rial-design/src/tailwind/plugins/index.js → ...material-design/tailwind/plugins/index.js
diff --git a/...-design/src/tailwind/plugins/typescale.js → ...rial-design/tailwind/plugins/typescale.js b/...-design/src/tailwind/plugins/typescale.js → ...rial-design/tailwind/plugins/typescale.js
diff --git a/...design/src/tailwind/theme/borderRadius.js → ...ial-design/tailwind/theme/borderRadius.js b/...design/src/tailwind/theme/borderRadius.js → ...ial-design/tailwind/theme/borderRadius.js
diff --git a/...erial-design/src/tailwind/theme/colors.js → .../material-design/tailwind/theme/colors.js b/...erial-design/src/tailwind/theme/colors.js → .../material-design/tailwind/theme/colors.js
diff --git a/...l-design/src/tailwind/theme/fontFamily.js → ...erial-design/tailwind/theme/fontFamily.js b/...l-design/src/tailwind/theme/fontFamily.js → ...erial-design/tailwind/theme/fontFamily.js
diff --git a/...ial-design/src/tailwind/theme/fontSize.js → ...aterial-design/tailwind/theme/fontSize.js b/...ial-design/src/tailwind/theme/fontSize.js → ...aterial-design/tailwind/theme/fontSize.js
diff --git a/...l-design/src/tailwind/theme/fontWeight.js → ...erial-design/tailwind/theme/fontWeight.js b/...l-design/src/tailwind/theme/fontWeight.js → ...erial-design/tailwind/theme/fontWeight.js
diff --git a/...terial-design/src/tailwind/theme/index.js → ...s/material-design/tailwind/theme/index.js b/...terial-design/src/tailwind/theme/index.js → ...s/material-design/tailwind/theme/index.js
diff --git a/...erial-design/src/tailwind/theme/reduce.js → .../material-design/tailwind/theme/reduce.js b/...erial-design/src/tailwind/theme/reduce.js → .../material-design/tailwind/theme/reduce.js
diff --git a/...rial-design/src/tailwind/theme/screens.js → ...material-design/tailwind/theme/screens.js b/...rial-design/src/tailwind/theme/screens.js → ...material-design/tailwind/theme/screens.js
diff --git a/.../src/tailwind/theme/transitionDuration.js → ...sign/tailwind/theme/transitionDuration.js b/.../src/tailwind/theme/transitionDuration.js → ...sign/tailwind/theme/transitionDuration.js
diff --git a/...ailwind/theme/transitionTimingFunction.js → ...ailwind/theme/transitionTimingFunction.js b/...ailwind/theme/transitionTimingFunction.js → ...ailwind/theme/transitionTimingFunction.js
diff --git a/...erial-design/src/tailwind/theme/zIndex.js → .../material-design/tailwind/theme/zIndex.js b/...erial-design/src/tailwind/theme/zIndex.js → .../material-design/tailwind/theme/zIndex.js
diff --git a/src/styles.scss b/src/styles.scss
@@ -1,4 +1,4 @@
-@use '../projects/wtprograms/material-design/src/styles/index' as md;
+@use '../projects/wtprograms/material-design/styles/index' as md;
 
 @include md.import;
 @include md.reboot;

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,4 +1,4 @@
-const md = require("./projects/wtprograms/material-design/src/tailwind");
+const md = require("./projects/wtprograms/material-design/tailwind");
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		@forward '../../styles/index';
		@forward '../../../styles/index';