@kaizen/components 3.0.3 → 3.0.5

package/dist/cjs/src/SearchField/SearchField.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "label": "SearchField-module_label__NxYfn"
-};
-module.exports = styles;

package/dist/cjs/src/Slider/Slider.module.scss.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var styles = {
-  "wrapper": "Slider-module_wrapper__zVX6g",
-  "labelWrapper": "Slider-module_labelWrapper__WuUIw",
-  "label": "Slider-module_label__CfIjh",
-  "labelInline": "Slider-module_labelInline__zjINd",
-  "inputWrapper": "Slider-module_inputWrapper__n16yj",
-  "descriptionDisabled": "Slider-module_descriptionDisabled__8GwiS",
-  "readOnlyMessage": "Slider-module_readOnlyMessage__Zscoa"
-};
-module.exports = styles;

package/dist/cjs/src/TimeField/TimeField.module.scss.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var styles = {
-  "wrapper": "TimeField-module_wrapper__YuSI3",
-  "label": "TimeField-module_label__kjKyK",
-  "input": "TimeField-module_input__Hxjcu",
-  "focusRing": "TimeField-module_focusRing__7hgWG",
-  "isDisabled": "TimeField-module_isDisabled__rpEc8",
-  "error": "TimeField-module_error__tK2QY"
-};
-module.exports = styles;

package/dist/cjs/src/TimeField/subcomponents/TimeSegment/TimeSegment.module.scss.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var styles = {
-  "timeSegmentWrapper": "TimeSegment-module_timeSegmentWrapper__WYD6y",
-  "timeSegment": "TimeSegment-module_timeSegment__eXb0c",
-  "hasPadding": "TimeSegment-module_hasPadding__9oYW3",
-  "placeholder": "TimeSegment-module_placeholder__j1-gK",
-  "literal": "TimeSegment-module_literal__mOkqz",
-  "dayPeriod": "TimeSegment-module_dayPeriod__fzT5I"
-};
-module.exports = styles;

package/dist/esm/src/Focusable/Focusable.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "focusableWrapper": "Focusable-module_focusableWrapper__zd-5E"
-};
-export { styles as default };

package/dist/esm/src/SearchField/SearchField.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "label": "SearchField-module_label__NxYfn"
-};
-export { styles as default };

package/dist/esm/src/Slider/Slider.module.scss.mjs

@@ -1,10 +0,0 @@
-var styles = {
-  "wrapper": "Slider-module_wrapper__zVX6g",
-  "labelWrapper": "Slider-module_labelWrapper__WuUIw",
-  "label": "Slider-module_label__CfIjh",
-  "labelInline": "Slider-module_labelInline__zjINd",
-  "inputWrapper": "Slider-module_inputWrapper__n16yj",
-  "descriptionDisabled": "Slider-module_descriptionDisabled__8GwiS",
-  "readOnlyMessage": "Slider-module_readOnlyMessage__Zscoa"
-};
-export { styles as default };

package/dist/esm/src/TimeField/TimeField.module.scss.mjs

@@ -1,9 +0,0 @@
-var styles = {
-  "wrapper": "TimeField-module_wrapper__YuSI3",
-  "label": "TimeField-module_label__kjKyK",
-  "input": "TimeField-module_input__Hxjcu",
-  "focusRing": "TimeField-module_focusRing__7hgWG",
-  "isDisabled": "TimeField-module_isDisabled__rpEc8",
-  "error": "TimeField-module_error__tK2QY"
-};
-export { styles as default };

package/dist/esm/src/TimeField/subcomponents/TimeSegment/TimeSegment.module.scss.mjs

@@ -1,9 +0,0 @@
-var styles = {
-  "timeSegmentWrapper": "TimeSegment-module_timeSegmentWrapper__WYD6y",
-  "timeSegment": "TimeSegment-module_timeSegment__eXb0c",
-  "hasPadding": "TimeSegment-module_hasPadding__9oYW3",
-  "placeholder": "TimeSegment-module_placeholder__j1-gK",
-  "literal": "TimeSegment-module_literal__mOkqz",
-  "dayPeriod": "TimeSegment-module_dayPeriod__fzT5I"
-};
-export { styles as default };

package/src/SearchField/SearchField.module.scss

@@ -1,8 +0,0 @@
-@import '~@kaizen/design-tokens/sass/spacing';
-
-@layer kz-components {
-  .label {
-    display: block;
-    margin-bottom: $spacing-xs; // @note: add gap between label and input
-  }
-}

package/src/Slider/Slider.module.scss

@@ -1,48 +0,0 @@
-@import '~@kaizen/design-tokens/sass/typography';
-@import '~@kaizen/design-tokens/sass/spacing';
-@import '~@kaizen/design-tokens/sass/layout';
-
-@layer kz-components {
-  .wrapper {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .labelWrapper {
-    margin-bottom: $spacing-sm;
-  }
-
-  .label {
-    margin-bottom: $spacing-4;
-  }
-
-  @media (min-width: $layout-breakpoints-medium) {
-    .labelInline {
-      &.wrapper {
-        align-items: center;
-        flex-direction: row;
-      }
-
-      .labelWrapper {
-        flex: 1;
-      }
-
-      .inputWrapper {
-        flex-basis: 50%;
-      }
-    }
-  }
-
-  .descriptionDisabled {
-    opacity: 30%;
-  }
-
-  .readOnlyMessage {
-    text-align: center;
-    font-family: $typography-paragraph-small-font-family;
-    font-size: $typography-paragraph-small-font-size;
-    font-weight: $typography-paragraph-bold-font-weight;
-    line-height: $typography-paragraph-body-line-height;
-    letter-spacing: $typography-paragraph-body-letter-spacing;
-  }
-}

package/src/TimeField/TimeField.module.scss

@@ -1,73 +0,0 @@
-@import '~@kaizen/design-tokens/sass/typography';
-@import '~@kaizen/design-tokens/sass/border';
-@import '~@kaizen/design-tokens/sass/color';
-@import '~@kaizen/design-tokens/sass/spacing';
-
-@layer kz-components {
-  $input-height: 48px;
-
-  .wrapper {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    font-family: $typography-paragraph-body-font-family;
-    font-weight: $typography-paragraph-body-font-weight;
-    font-size: $typography-paragraph-body-font-size;
-    line-height: $typography-paragraph-body-line-height;
-    letter-spacing: $typography-paragraph-body-letter-spacing;
-    color: $color-purple-800;
-  }
-
-  .label {
-    display: block;
-    margin-bottom: $spacing-6;
-  }
-
-  .input {
-    display: inline-flex;
-    align-items: center;
-    background-color: $color-white;
-    background-clip: padding-box;
-    border: $border-solid-border-width $border-solid-border-style $color-gray-500;
-    border-radius: $border-solid-border-radius;
-    font-size: $typography-paragraph-body-font-size;
-    line-height: $typography-paragraph-body-line-height;
-    padding: 0 $spacing-sm;
-    height: $input-height;
-    width: 100%;
-    box-sizing: border-box;
-
-    &:hover,
-    &:focus-within {
-      border-color: $color-gray-600;
-      background-color: $color-gray-200;
-    }
-  }
-
-  .input:focus-within {
-    .focusRing {
-      $focus-ring-offset: 3px;
-
-      position: absolute;
-      background: transparent;
-      border-radius: $border-focus-ring-border-radius;
-      border-width: $border-focus-ring-border-width;
-      border-style: $border-focus-ring-border-style;
-      border-color: $color-blue-500;
-      inset: -$focus-ring-offset;
-      pointer-events: none;
-    }
-  }
-
-  .isDisabled {
-    pointer-events: none;
-    background-color: transparent;
-    border-color: $color-gray-500;
-    opacity: 30%;
-  }
-
-  .error {
-    border: $border-solid-border-width $border-solid-border-style $color-red-500;
-  }
-}

package/src/TimeField/subcomponents/TimeSegment/TimeSegment.module.scss

@@ -1,49 +0,0 @@
-@import '~@kaizen/design-tokens/sass/color';
-
-@layer kz-components {
-  // Chrome has a bug where `contenteditable` elements receive focus from external clicks.
-  // This (in combination with the invisible character ​) creates boundaries
-  // for the element.
-  // https://stackoverflow.com/a/34445203
-  .timeSegmentWrapper {
-    white-space: nowrap;
-  }
-
-  .timeSegment {
-    display: block;
-    text-align: end;
-    background-color: $color-gray-300;
-    border-radius: 3px;
-    color: $color-purple-800;
-
-    &:hover {
-      background-color: $color-white;
-    }
-
-    &:focus-visible {
-      color: white;
-      background: $color-blue-500;
-      outline: none;
-    }
-  }
-
-  .hasPadding {
-    padding: 0 4px;
-  }
-
-  .placeholder {
-    color: rgba($color-purple-800-rgb, 0.7);
-  }
-
-  .literal {
-    background: none;
-
-    &:hover {
-      background: none;
-    }
-  }
-
-  .dayPeriod {
-    margin-right: 4px;
-  }
-}