genesys-spark 4.65.0 → 4.65.2

package/dist/scss/global-typography.scss

@@ -0,0 +1,167 @@
+@use './typography.scss';
+
+//Header
+
+h1 {
+  @include typography.heading-xl;
+}
+
+h2 {
+  @include typography.heading-lg;
+}
+
+h3 {
+  @include typography.heading-md;
+}
+
+h4,
+h5,
+h6 {
+  @include typography.heading-sm;
+}
+
+.gux-heading-xl,
+.gux-heading-xl-bold {
+  @include typography.heading-xl-bold;
+}
+
+.gux-heading-xl-semibold {
+  @include typography.heading-xl-semiBold;
+}
+
+.gux-heading-lg,
+.gux-heading-lg-bold {
+  @include typography.heading-lg-bold;
+}
+
+.gux-heading-lg-semibold {
+  @include typography.heading-lg-semiBold;
+}
+
+.gux-heading-md,
+.gux-heading-md-bold {
+  @include typography.heading-md-bold;
+}
+
+.gux-heading-md-semibold {
+  @include typography.heading-md-semiBold;
+}
+
+.gux-heading-sm,
+.gux-heading-sm-bold {
+  @include typography.heading-sm-bold;
+}
+
+.gux-heading-sm-semibold {
+  @include typography.heading-sm-semiBold;
+}
+
+.gux-heading-xs,
+.gux-heading-xs-bold {
+  @include typography.heading-xs-bold;
+}
+
+.gux-heading-xs-semibold {
+  @include typography.heading-xs-semiBold;
+}
+
+.gux-heading-subheading-regular {
+  @include typography.heading-subheading-regular;
+}
+
+.gux-heading-subheading,
+.gux-heading-subheading-bold {
+  @include typography.heading-subheading-bold;
+}
+
+.gux-heading-subheading-semibold {
+  @include typography.heading-subheading-semiBold;
+}
+
+.gux-heading-overline {
+  @include typography.heading-overline;
+}
+
+// Body
+
+body {
+  @include typography.body-sm-regular;
+}
+
+.gux-body-lg-regular {
+  @include typography.body-lg-regular;
+}
+
+.gux-body-lg-semibold {
+  @include typography.body-lg-semiBold;
+}
+
+.gux-body-lg-bold {
+  @include typography.body-lg-bold;
+}
+
+.gux-body-md-regular {
+  @include typography.body-md-regular;
+}
+
+.gux-body-md-semibold {
+  @include typography.body-md-semiBold;
+}
+
+.gux-body-md-bold {
+  @include typography.body-md-bold;
+}
+
+.gux-body-sm-regular {
+  @include typography.body-sm-regular;
+}
+
+.gux-body-sm-semibold {
+  @include typography.body-sm-semiBold;
+}
+
+.gux-body-sm-bold {
+  @include typography.body-sm-bold;
+}
+
+//Components
+
+.gux-ui-button {
+  @include typography.ui-button;
+}
+
+.gux-ui-link {
+  @include typography.ui-link;
+}
+
+.gux-ui-label {
+  @include typography.ui-label;
+}
+
+.gux-ui-placeholder {
+  @include typography.ui-placeholder;
+}
+
+// Anchor
+
+a {
+  @include typography.ui-anchor;
+}
+
+table a {
+  @include typography.ui-anchor-table;
+}
+
+.gux-ui-anchor {
+  @include typography.ui-anchor;
+}
+
+.gux-anchor-table {
+  @include typography.ui-anchor-table;
+}
+
+.gux-icon-anchor {
+  .gux-icon {
+    padding-right: var(--gse-ui-links-inLine-padding);
+  }
+}

package/dist/scss/global.scss

@@ -0,0 +1,4 @@
+@use '../../../genesys-spark-tokens/dist/css/gse-core.css';
+@use '../../../genesys-spark-tokens/dist/css/gse-semantic.css';
+@use 'global-focusable.scss';
+@use 'global-typography.scss';

package/dist/scss/reset.scss

@@ -0,0 +1,94 @@
+/** 
+ * A minimal reset stylesheet intended to reduce browser inconsistencies and set some smart default styles for common html elements.
+ * Taken from https://piccalil.li/blog/a-more-modern-css-reset/ 
+ */
+
+/* Box sizing rules */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Prevent font size inflation */
+html {
+  -moz-text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+  text-size-adjust: none;
+}
+
+/* Remove default margin in favour of better control in authored CSS */
+body,
+h1,
+h2,
+h3,
+h4,
+p,
+figure,
+blockquote,
+dl,
+dd {
+  margin-block-end: 0;
+}
+
+/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
+ul[role='list'],
+ol[role='list'] {
+  list-style: none;
+}
+
+/* Set core body defaults */
+body {
+  min-height: 100vh;
+  line-height: 1.5;
+}
+
+/* Set shorter line heights on headings and interactive elements */
+h1,
+h2,
+h3,
+h4,
+button,
+input,
+label {
+  line-height: 1.1;
+}
+
+/* Balance text wrapping on headings */
+h1,
+h2,
+h3,
+h4 {
+  text-wrap: balance;
+}
+
+/* A elements that don't have a class get default styles */
+a:not([class]) {
+  text-decoration-skip-ink: auto;
+  color: currentcolor;
+}
+
+/* Make images easier to work with */
+img,
+picture {
+  display: block;
+  max-width: 100%;
+}
+
+/* Inherit fonts for inputs and buttons */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Make sure textareas without a rows attribute are not tiny */
+textarea:not([rows]) {
+  min-height: 10em;
+}
+
+/* Anything that has been anchored to should have extra scroll margin */
+:target {
+  scroll-margin-block: 5ex;
+}

package/dist/scss/ui.scss

@@ -0,0 +1,9 @@
+@use '../../../genesys-spark-tokens/dist/css/gse-ui-actions.css';
+@use '../../../genesys-spark-tokens/dist/css/gse-ui-dataDisplay.css';
+@use '../../../genesys-spark-tokens/dist/css/gse-ui-feedback.css';
+@use '../../../genesys-spark-tokens/dist/css/gse-ui-formControl.css';
+@use '../../../genesys-spark-tokens/dist/css/gse-ui-formsAndInputs.css';
+@use '../../../genesys-spark-tokens/dist/css/gse-ui-layoutContainer.css';
+@use '../../../genesys-spark-tokens/dist/css/gse-ui-navigation.css';
+@use '../../../genesys-spark-tokens/dist/css/gse-ui-searchAndFilter.css';
+@use '../../../genesys-spark-tokens/dist/css/gse-ui.css';