@graupl/graupl 1.0.0-beta.1 → 1.0.0-beta.10

package/packages/core/src/scss/utilities/spacing/_variables.scss

@@ -0,0 +1,6 @@
+// @graupl/core spacing utilities variables.
+//
+// These values are to be used to directly style components and provide a
+// cleaner way to reference custom properties.
+
+@use "defaults";

package/packages/core/src/scss/utilities/typography/_defaults.scss

@@ -0,0 +1,58 @@
+// @graupl/core typography utilities default values.
+//
+// Generally, these should not be used directly when styling components unless a static value is needed.
+// They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.
+//
+// They should not be used to define direct property values (i.e. font-size, color, etc.).
+// Those should be defined as custom properties in the `_variables.scss` file.
+
+@use "../../defaults" as root-defaults;
+@use "sass:map";
+
+// Utility modifiers.
+$selector-base: root-defaults.$utility-selector-base !default;
+$use-important: root-defaults.$use-important !default;
+$screen-aware: false !default;
+$theme-aware: false !default;
+$state-aware: false !default;
+$container-aware: false !default;
+$screen-aware-separator: root-defaults.$utility-screen-aware-separator !default;
+$theme-aware-separator: root-defaults.$utility-theme-aware-separator !default;
+$state-aware-separator: root-defaults.$utility-state-aware-separator !default;
+$container-aware-separator: root-defaults.$utility-container-aware-separator !default;
+$screen-aware-selector-prefix: root-defaults.$utility-screen-aware-selector-prefix !default;
+$theme-aware-selector-prefix: root-defaults.$utility-theme-aware-selector-prefix !default;
+$state-aware-selector-prefix: root-defaults.$utility-state-aware-selector-prefix !default;
+$container-aware-selector-prefix: root-defaults.$utility-container-aware-selector-prefix !default;
+
+// Text size properties.
+$text-selector-prefix: "text-" !default;
+
+// Font weight properties.
+$font-weight-selector-prefix: "font-weight-" !default;
+
+// Font style properties.
+$font-style-selector-prefix: "font-" !default;
+$base-font-style-properties: (
+  normal: normal,
+  italic: italic,
+);
+$custom-font-style-properties: () !default;
+$font-style-properties: map.merge(
+  $base-font-style-properties,
+  $custom-font-style-properties
+);
+
+// Text transform properties.
+$text-transform-selector-prefix: "text-" !default;
+$base-text-transform-properties: (
+  uppercase: uppercase,
+  lowercase: lowercase,
+  capitalize: capitalize,
+  none: none,
+);
+$custom-text-transform-properties: () !default;
+$text-transform-properties: map.merge(
+  $base-text-transform-properties,
+  $custom-text-transform-properties
+);