@daffodil/design 0.60.0 → 0.61.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (141) hide show
  1. package/accordion/examples/package.json +1 -1
  2. package/article/examples/package.json +1 -1
  3. package/atoms/button/button.component.d.ts +18 -2
  4. package/atoms/button/button.module.d.ts +2 -1
  5. package/atoms/form/error-message/error-message.component.d.ts +1 -0
  6. package/atoms/form/form-label/form-label.directive.d.ts +6 -0
  7. package/atoms/form/form-label/form-label.module.d.ts +7 -0
  8. package/atoms/form/form-label/public_api.d.ts +2 -0
  9. package/atoms/form/{select/select/select.component.d.ts → native-select/native-select.component.d.ts} +1 -1
  10. package/atoms/form/{select/select.module.d.ts → native-select/native-select.module.d.ts} +1 -1
  11. package/atoms/form/native-select/public_api.d.ts +2 -0
  12. package/atoms/form/quantity-field/quantity-field.module.d.ts +1 -1
  13. package/atoms/form/quantity-field/quantity-select/quantity-select.component.d.ts +1 -1
  14. package/atoms/loading-icon/loading-icon.component.d.ts +3 -3
  15. package/button/examples/examples.d.ts +4 -0
  16. package/button/examples/flat-button/flat-button.component.d.ts +7 -0
  17. package/button/examples/flat-button/flat-button.module.d.ts +9 -0
  18. package/button/examples/package.json +1 -1
  19. package/button/examples/public_api.d.ts +10 -9
  20. package/callout/examples/package.json +1 -1
  21. package/card/examples/package.json +1 -1
  22. package/checkbox/examples/package.json +1 -1
  23. package/container/examples/package.json +1 -1
  24. package/core/public_api.d.ts +2 -2
  25. package/core/statusable/public_api.d.ts +2 -0
  26. package/esm2020/atoms/button/button.component.mjs +62 -5
  27. package/esm2020/atoms/button/button.module.mjs +6 -2
  28. package/esm2020/atoms/form/error-message/error-message.component.mjs +10 -4
  29. package/esm2020/atoms/form/form-label/form-label.directive.mjs +19 -0
  30. package/esm2020/atoms/form/form-label/form-label.module.mjs +20 -0
  31. package/esm2020/atoms/form/form-label/public_api.mjs +3 -0
  32. package/esm2020/atoms/form/native-select/native-select.component.mjs +64 -0
  33. package/esm2020/atoms/form/{select/select.module.mjs → native-select/native-select.module.mjs} +2 -2
  34. package/esm2020/atoms/form/native-select/public_api.mjs +3 -0
  35. package/esm2020/atoms/form/quantity-field/quantity-field.module.mjs +2 -2
  36. package/esm2020/atoms/form/quantity-field/quantity-select/quantity-select.component.mjs +3 -3
  37. package/esm2020/atoms/image/image.component.mjs +2 -2
  38. package/esm2020/atoms/loading-icon/loading-icon.component.mjs +4 -5
  39. package/esm2020/button/examples/basic-button/basic-button.component.mjs +7 -6
  40. package/esm2020/button/examples/examples.mjs +19 -0
  41. package/esm2020/button/examples/flat-button/flat-button.component.mjs +24 -0
  42. package/esm2020/button/examples/flat-button/flat-button.module.mjs +30 -0
  43. package/esm2020/button/examples/icon-button/icon-button.component.mjs +6 -5
  44. package/esm2020/button/examples/public_api.mjs +11 -18
  45. package/esm2020/button/examples/raised-button/raised-button.component.mjs +7 -6
  46. package/esm2020/button/examples/sizeable-button/sizeable-button.component.mjs +3 -7
  47. package/esm2020/button/examples/statusable-button/statusable-button.component.mjs +3 -11
  48. package/esm2020/button/examples/stroked-button/stroked-button.component.mjs +7 -6
  49. package/esm2020/button/examples/underline-button/underline-button.component.mjs +7 -6
  50. package/esm2020/button/examples/underline-button/underline-button.module.mjs +1 -1
  51. package/esm2020/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +1 -1
  52. package/esm2020/callout/examples/callout-theming/callout-theming.component.mjs +1 -1
  53. package/esm2020/callout/examples/callout-with-grid/callout-with-grid.component.mjs +1 -1
  54. package/esm2020/callout/examples/compact-callout/compact-callout.component.mjs +1 -1
  55. package/esm2020/card/examples/basic-card/basic-card.component.mjs +1 -1
  56. package/esm2020/card/examples/card-orientation/card-orientation.component.mjs +1 -1
  57. package/esm2020/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +1 -1
  58. package/esm2020/checkbox/examples/checkbox-set/checkbox-set.component.mjs +1 -1
  59. package/esm2020/core/public_api.mjs +3 -3
  60. package/esm2020/core/statusable/public_api.mjs +3 -0
  61. package/esm2020/hero/examples/compact-hero/compact-hero.component.mjs +1 -1
  62. package/esm2020/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +1 -1
  63. package/esm2020/hero/examples/hero-theming/hero-theming.component.mjs +1 -1
  64. package/esm2020/hero/examples/hero-with-grid/hero-with-grid.component.mjs +1 -1
  65. package/esm2020/menu/examples/basic-menu/basic-menu.component.mjs +1 -1
  66. package/esm2020/modal/examples/basic-modal/basic-modal.component.mjs +1 -1
  67. package/esm2020/modal/examples/basic-modal/modal-content.component.mjs +1 -1
  68. package/esm2020/molecules/media-gallery/media-gallery.component.mjs +2 -2
  69. package/esm2020/molecules/qty-dropdown/qty-dropdown.component.mjs +1 -1
  70. package/esm2020/molecules/qty-dropdown/qty-dropdown.module.mjs +2 -2
  71. package/esm2020/navbar/examples/basic-navbar/basic-navbar.component.mjs +1 -1
  72. package/esm2020/navbar/examples/contained-navbar/contained-navbar.component.mjs +1 -1
  73. package/esm2020/navbar/examples/navbar-theming/navbar-theming.component.mjs +1 -1
  74. package/esm2020/navbar/examples/raised-navbar/raised-navbar.component.mjs +1 -1
  75. package/esm2020/public_api.mjs +3 -2
  76. package/fesm2015/daffodil-design-button-examples.mjs +160 -122
  77. package/fesm2015/daffodil-design-button-examples.mjs.map +1 -1
  78. package/fesm2015/daffodil-design-callout-examples.mjs +4 -4
  79. package/fesm2015/daffodil-design-callout-examples.mjs.map +1 -1
  80. package/fesm2015/daffodil-design-card-examples.mjs +2 -2
  81. package/fesm2015/daffodil-design-card-examples.mjs.map +1 -1
  82. package/fesm2015/daffodil-design-checkbox-examples.mjs +2 -2
  83. package/fesm2015/daffodil-design-checkbox-examples.mjs.map +1 -1
  84. package/fesm2015/daffodil-design-hero-examples.mjs +4 -4
  85. package/fesm2015/daffodil-design-hero-examples.mjs.map +1 -1
  86. package/fesm2015/daffodil-design-menu-examples.mjs +1 -1
  87. package/fesm2015/daffodil-design-menu-examples.mjs.map +1 -1
  88. package/fesm2015/daffodil-design-modal-examples.mjs +2 -2
  89. package/fesm2015/daffodil-design-modal-examples.mjs.map +1 -1
  90. package/fesm2015/daffodil-design-navbar-examples.mjs +4 -4
  91. package/fesm2015/daffodil-design-navbar-examples.mjs.map +1 -1
  92. package/fesm2015/daffodil-design.mjs +191 -94
  93. package/fesm2015/daffodil-design.mjs.map +1 -1
  94. package/fesm2020/daffodil-design-button-examples.mjs +160 -122
  95. package/fesm2020/daffodil-design-button-examples.mjs.map +1 -1
  96. package/fesm2020/daffodil-design-callout-examples.mjs +4 -4
  97. package/fesm2020/daffodil-design-callout-examples.mjs.map +1 -1
  98. package/fesm2020/daffodil-design-card-examples.mjs +2 -2
  99. package/fesm2020/daffodil-design-card-examples.mjs.map +1 -1
  100. package/fesm2020/daffodil-design-checkbox-examples.mjs +2 -2
  101. package/fesm2020/daffodil-design-checkbox-examples.mjs.map +1 -1
  102. package/fesm2020/daffodil-design-hero-examples.mjs +4 -4
  103. package/fesm2020/daffodil-design-hero-examples.mjs.map +1 -1
  104. package/fesm2020/daffodil-design-menu-examples.mjs +1 -1
  105. package/fesm2020/daffodil-design-menu-examples.mjs.map +1 -1
  106. package/fesm2020/daffodil-design-modal-examples.mjs +2 -2
  107. package/fesm2020/daffodil-design-modal-examples.mjs.map +1 -1
  108. package/fesm2020/daffodil-design-navbar-examples.mjs +4 -4
  109. package/fesm2020/daffodil-design-navbar-examples.mjs.map +1 -1
  110. package/fesm2020/daffodil-design.mjs +191 -94
  111. package/fesm2020/daffodil-design.mjs.map +1 -1
  112. package/hero/examples/package.json +1 -1
  113. package/image/examples/package.json +1 -1
  114. package/input/examples/package.json +1 -1
  115. package/list/examples/package.json +1 -1
  116. package/loading-icon/examples/package.json +1 -1
  117. package/media-gallery/examples/package.json +1 -1
  118. package/menu/examples/package.json +1 -1
  119. package/modal/examples/package.json +1 -1
  120. package/molecules/qty-dropdown/qty-dropdown.module.d.ts +1 -1
  121. package/navbar/examples/package.json +1 -1
  122. package/package.json +1 -1
  123. package/paginator/examples/package.json +1 -1
  124. package/public_api.d.ts +2 -1
  125. package/quantity-field/examples/package.json +1 -1
  126. package/radio/examples/package.json +1 -1
  127. package/scss/state/skeleton/_mixins.scss +1 -0
  128. package/scss/theme.scss +2 -2
  129. package/scss/theming/_color-palettes.scss +5 -5
  130. package/src/atoms/button/button-theme-variants/button.scss +9 -18
  131. package/src/atoms/button/button-theme-variants/flat.scss +25 -0
  132. package/src/atoms/button/button-theme-variants/raised.scss +6 -26
  133. package/src/atoms/button/button-theme-variants/stroked.scss +12 -20
  134. package/src/atoms/button/button-theme.scss +121 -117
  135. package/src/atoms/form/{select → native-select}/README.md +1 -1
  136. package/src/atoms/form/{select/select/select-theme.scss → native-select/native-select-theme.scss} +3 -3
  137. package/src/atoms/loading-icon/loading-icon-theme.scss +4 -0
  138. package/atoms/form/select/public_api.d.ts +0 -2
  139. package/esm2020/atoms/form/select/public_api.mjs +0 -3
  140. package/esm2020/atoms/form/select/select/select.component.mjs +0 -64
  141. package/src/atoms/button/button-theme-variants/focus.scss +0 -6
@@ -1 +1 @@
1
- {"name":"@daffodil/design/hero/examples","module":"../../fesm2015/daffodil-design-hero-examples.mjs","es2020":"../../fesm2020/daffodil-design-hero-examples.mjs","esm2020":"../../esm2020/hero/examples/daffodil-design-hero-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-hero-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-hero-examples.mjs","typings":"daffodil-design-hero-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/hero/examples","module":"../../fesm2015/daffodil-design-hero-examples.mjs","es2020":"../../fesm2020/daffodil-design-hero-examples.mjs","esm2020":"../../esm2020/hero/examples/daffodil-design-hero-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-hero-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-hero-examples.mjs","typings":"daffodil-design-hero-examples.d.ts","sideEffects":false,"version":"0.61.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/image/examples","module":"../../fesm2015/daffodil-design-image-examples.mjs","es2020":"../../fesm2020/daffodil-design-image-examples.mjs","esm2020":"../../esm2020/image/examples/daffodil-design-image-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-image-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-image-examples.mjs","typings":"daffodil-design-image-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/image/examples","module":"../../fesm2015/daffodil-design-image-examples.mjs","es2020":"../../fesm2020/daffodil-design-image-examples.mjs","esm2020":"../../esm2020/image/examples/daffodil-design-image-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-image-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-image-examples.mjs","typings":"daffodil-design-image-examples.d.ts","sideEffects":false,"version":"0.61.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/input/examples","module":"../../fesm2015/daffodil-design-input-examples.mjs","es2020":"../../fesm2020/daffodil-design-input-examples.mjs","esm2020":"../../esm2020/input/examples/daffodil-design-input-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-input-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-input-examples.mjs","typings":"daffodil-design-input-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/input/examples","module":"../../fesm2015/daffodil-design-input-examples.mjs","es2020":"../../fesm2020/daffodil-design-input-examples.mjs","esm2020":"../../esm2020/input/examples/daffodil-design-input-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-input-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-input-examples.mjs","typings":"daffodil-design-input-examples.d.ts","sideEffects":false,"version":"0.61.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/list/examples","module":"../../fesm2015/daffodil-design-list-examples.mjs","es2020":"../../fesm2020/daffodil-design-list-examples.mjs","esm2020":"../../esm2020/list/examples/daffodil-design-list-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-list-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-list-examples.mjs","typings":"daffodil-design-list-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/list/examples","module":"../../fesm2015/daffodil-design-list-examples.mjs","es2020":"../../fesm2020/daffodil-design-list-examples.mjs","esm2020":"../../esm2020/list/examples/daffodil-design-list-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-list-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-list-examples.mjs","typings":"daffodil-design-list-examples.d.ts","sideEffects":false,"version":"0.61.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/loading-icon/examples","module":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","es2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","esm2020":"../../esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","typings":"daffodil-design-loading-icon-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/loading-icon/examples","module":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","es2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","esm2020":"../../esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","typings":"daffodil-design-loading-icon-examples.d.ts","sideEffects":false,"version":"0.61.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/media-gallery/examples","module":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","es2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","esm2020":"../../esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","typings":"daffodil-design-media-gallery-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/media-gallery/examples","module":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","es2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","esm2020":"../../esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","typings":"daffodil-design-media-gallery-examples.d.ts","sideEffects":false,"version":"0.61.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/menu/examples","module":"../../fesm2015/daffodil-design-menu-examples.mjs","es2020":"../../fesm2020/daffodil-design-menu-examples.mjs","esm2020":"../../esm2020/menu/examples/daffodil-design-menu-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-menu-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-menu-examples.mjs","typings":"daffodil-design-menu-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/menu/examples","module":"../../fesm2015/daffodil-design-menu-examples.mjs","es2020":"../../fesm2020/daffodil-design-menu-examples.mjs","esm2020":"../../esm2020/menu/examples/daffodil-design-menu-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-menu-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-menu-examples.mjs","typings":"daffodil-design-menu-examples.d.ts","sideEffects":false,"version":"0.61.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/modal/examples","module":"../../fesm2015/daffodil-design-modal-examples.mjs","es2020":"../../fesm2020/daffodil-design-modal-examples.mjs","esm2020":"../../esm2020/modal/examples/daffodil-design-modal-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-modal-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-modal-examples.mjs","typings":"daffodil-design-modal-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/modal/examples","module":"../../fesm2015/daffodil-design-modal-examples.mjs","es2020":"../../fesm2020/daffodil-design-modal-examples.mjs","esm2020":"../../esm2020/modal/examples/daffodil-design-modal-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-modal-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-modal-examples.mjs","typings":"daffodil-design-modal-examples.d.ts","sideEffects":false,"version":"0.61.0"}
@@ -3,7 +3,7 @@ import * as i1 from "./qty-dropdown.component";
3
3
  import * as i2 from "@angular/common";
4
4
  import * as i3 from "@angular/forms";
5
5
  import * as i4 from "../../atoms/form/form-field/form-field.module";
6
- import * as i5 from "../../atoms/form/select/select.module";
6
+ import * as i5 from "../../atoms/form/native-select/native-select.module";
7
7
  import * as i6 from "../../atoms/form/input/input.module";
8
8
  export declare class DaffQtyDropdownModule {
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffQtyDropdownModule, never>;
@@ -1 +1 @@
1
- {"name":"@daffodil/design/navbar/examples","module":"../../fesm2015/daffodil-design-navbar-examples.mjs","es2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","esm2020":"../../esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-navbar-examples.mjs","typings":"daffodil-design-navbar-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/navbar/examples","module":"../../fesm2015/daffodil-design-navbar-examples.mjs","es2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","esm2020":"../../esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-navbar-examples.mjs","typings":"daffodil-design-navbar-examples.d.ts","sideEffects":false,"version":"0.61.0"}
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.60.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^13.0.0","@angular/common":"^13.0.0","@angular/core":"^13.0.0","@angular/forms":"^13.0.0","@angular/cdk":"^13.0.0","@daffodil/core":"0.60.0","@fortawesome/angular-fontawesome":"^0.10.0","@fortawesome/fontawesome-svg-core":"^1.2.32","@fortawesome/free-solid-svg-icons":"^5.10.0","@fortawesome/free-brands-svg-icons":"^5.10.0","@fortawesome/free-regular-svg-icons":"^5.10.0","modern-normalize":"^0.5.0","rxjs":"7.5.5"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./daffodil-design.d.ts","esm2020":"./esm2020/daffodil-design.mjs","es2020":"./fesm2020/daffodil-design.mjs","es2015":"./fesm2015/daffodil-design.mjs","node":"./fesm2015/daffodil-design.mjs","default":"./fesm2020/daffodil-design.mjs"},"./accordion/examples":{"types":"./accordion/examples/daffodil-design-accordion-examples.d.ts","esm2020":"./esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","es2020":"./fesm2020/daffodil-design-accordion-examples.mjs","es2015":"./fesm2015/daffodil-design-accordion-examples.mjs","node":"./fesm2015/daffodil-design-accordion-examples.mjs","default":"./fesm2020/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/daffodil-design-article-examples.d.ts","esm2020":"./esm2020/article/examples/daffodil-design-article-examples.mjs","es2020":"./fesm2020/daffodil-design-article-examples.mjs","es2015":"./fesm2015/daffodil-design-article-examples.mjs","node":"./fesm2015/daffodil-design-article-examples.mjs","default":"./fesm2020/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/daffodil-design-button-examples.d.ts","esm2020":"./esm2020/button/examples/daffodil-design-button-examples.mjs","es2020":"./fesm2020/daffodil-design-button-examples.mjs","es2015":"./fesm2015/daffodil-design-button-examples.mjs","node":"./fesm2015/daffodil-design-button-examples.mjs","default":"./fesm2020/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/daffodil-design-callout-examples.d.ts","esm2020":"./esm2020/callout/examples/daffodil-design-callout-examples.mjs","es2020":"./fesm2020/daffodil-design-callout-examples.mjs","es2015":"./fesm2015/daffodil-design-callout-examples.mjs","node":"./fesm2015/daffodil-design-callout-examples.mjs","default":"./fesm2020/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/daffodil-design-card-examples.d.ts","esm2020":"./esm2020/card/examples/daffodil-design-card-examples.mjs","es2020":"./fesm2020/daffodil-design-card-examples.mjs","es2015":"./fesm2015/daffodil-design-card-examples.mjs","node":"./fesm2015/daffodil-design-card-examples.mjs","default":"./fesm2020/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/daffodil-design-checkbox-examples.d.ts","esm2020":"./esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","es2020":"./fesm2020/daffodil-design-checkbox-examples.mjs","es2015":"./fesm2015/daffodil-design-checkbox-examples.mjs","node":"./fesm2015/daffodil-design-checkbox-examples.mjs","default":"./fesm2020/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/daffodil-design-container-examples.d.ts","esm2020":"./esm2020/container/examples/daffodil-design-container-examples.mjs","es2020":"./fesm2020/daffodil-design-container-examples.mjs","es2015":"./fesm2015/daffodil-design-container-examples.mjs","node":"./fesm2015/daffodil-design-container-examples.mjs","default":"./fesm2020/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/daffodil-design-hero-examples.d.ts","esm2020":"./esm2020/hero/examples/daffodil-design-hero-examples.mjs","es2020":"./fesm2020/daffodil-design-hero-examples.mjs","es2015":"./fesm2015/daffodil-design-hero-examples.mjs","node":"./fesm2015/daffodil-design-hero-examples.mjs","default":"./fesm2020/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/daffodil-design-image-examples.d.ts","esm2020":"./esm2020/image/examples/daffodil-design-image-examples.mjs","es2020":"./fesm2020/daffodil-design-image-examples.mjs","es2015":"./fesm2015/daffodil-design-image-examples.mjs","node":"./fesm2015/daffodil-design-image-examples.mjs","default":"./fesm2020/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/daffodil-design-input-examples.d.ts","esm2020":"./esm2020/input/examples/daffodil-design-input-examples.mjs","es2020":"./fesm2020/daffodil-design-input-examples.mjs","es2015":"./fesm2015/daffodil-design-input-examples.mjs","node":"./fesm2015/daffodil-design-input-examples.mjs","default":"./fesm2020/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/daffodil-design-list-examples.d.ts","esm2020":"./esm2020/list/examples/daffodil-design-list-examples.mjs","es2020":"./fesm2020/daffodil-design-list-examples.mjs","es2015":"./fesm2015/daffodil-design-list-examples.mjs","node":"./fesm2015/daffodil-design-list-examples.mjs","default":"./fesm2020/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/daffodil-design-loading-icon-examples.d.ts","esm2020":"./esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","es2020":"./fesm2020/daffodil-design-loading-icon-examples.mjs","es2015":"./fesm2015/daffodil-design-loading-icon-examples.mjs","node":"./fesm2015/daffodil-design-loading-icon-examples.mjs","default":"./fesm2020/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/daffodil-design-media-gallery-examples.d.ts","esm2020":"./esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","es2020":"./fesm2020/daffodil-design-media-gallery-examples.mjs","es2015":"./fesm2015/daffodil-design-media-gallery-examples.mjs","node":"./fesm2015/daffodil-design-media-gallery-examples.mjs","default":"./fesm2020/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/daffodil-design-menu-examples.d.ts","esm2020":"./esm2020/menu/examples/daffodil-design-menu-examples.mjs","es2020":"./fesm2020/daffodil-design-menu-examples.mjs","es2015":"./fesm2015/daffodil-design-menu-examples.mjs","node":"./fesm2015/daffodil-design-menu-examples.mjs","default":"./fesm2020/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/daffodil-design-modal-examples.d.ts","esm2020":"./esm2020/modal/examples/daffodil-design-modal-examples.mjs","es2020":"./fesm2020/daffodil-design-modal-examples.mjs","es2015":"./fesm2015/daffodil-design-modal-examples.mjs","node":"./fesm2015/daffodil-design-modal-examples.mjs","default":"./fesm2020/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/daffodil-design-navbar-examples.d.ts","esm2020":"./esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","es2020":"./fesm2020/daffodil-design-navbar-examples.mjs","es2015":"./fesm2015/daffodil-design-navbar-examples.mjs","node":"./fesm2015/daffodil-design-navbar-examples.mjs","default":"./fesm2020/daffodil-design-navbar-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/daffodil-design-paginator-examples.d.ts","esm2020":"./esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","es2020":"./fesm2020/daffodil-design-paginator-examples.mjs","es2015":"./fesm2015/daffodil-design-paginator-examples.mjs","node":"./fesm2015/daffodil-design-paginator-examples.mjs","default":"./fesm2020/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/daffodil-design-quantity-field-examples.d.ts","esm2020":"./esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","es2020":"./fesm2020/daffodil-design-quantity-field-examples.mjs","es2015":"./fesm2015/daffodil-design-quantity-field-examples.mjs","node":"./fesm2015/daffodil-design-quantity-field-examples.mjs","default":"./fesm2020/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/daffodil-design-radio-examples.d.ts","esm2020":"./esm2020/radio/examples/daffodil-design-radio-examples.mjs","es2020":"./fesm2020/daffodil-design-radio-examples.mjs","es2015":"./fesm2015/daffodil-design-radio-examples.mjs","node":"./fesm2015/daffodil-design-radio-examples.mjs","default":"./fesm2020/daffodil-design-radio-examples.mjs"}},"module":"fesm2015/daffodil-design.mjs","es2020":"fesm2020/daffodil-design.mjs","esm2020":"esm2020/daffodil-design.mjs","fesm2020":"fesm2020/daffodil-design.mjs","fesm2015":"fesm2015/daffodil-design.mjs","typings":"daffodil-design.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
1
+ {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.61.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^13.0.0","@angular/common":"^13.0.0","@angular/core":"^13.0.0","@angular/forms":"^13.0.0","@angular/cdk":"^13.0.0","@daffodil/core":"0.61.0","@fortawesome/angular-fontawesome":"^0.10.0","@fortawesome/fontawesome-svg-core":"^1.2.32","@fortawesome/free-solid-svg-icons":"^5.10.0","@fortawesome/free-brands-svg-icons":"^5.10.0","@fortawesome/free-regular-svg-icons":"^5.10.0","modern-normalize":"^0.5.0","rxjs":"7.5.5"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./daffodil-design.d.ts","esm2020":"./esm2020/daffodil-design.mjs","es2020":"./fesm2020/daffodil-design.mjs","es2015":"./fesm2015/daffodil-design.mjs","node":"./fesm2015/daffodil-design.mjs","default":"./fesm2020/daffodil-design.mjs"},"./accordion/examples":{"types":"./accordion/examples/daffodil-design-accordion-examples.d.ts","esm2020":"./esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","es2020":"./fesm2020/daffodil-design-accordion-examples.mjs","es2015":"./fesm2015/daffodil-design-accordion-examples.mjs","node":"./fesm2015/daffodil-design-accordion-examples.mjs","default":"./fesm2020/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/daffodil-design-article-examples.d.ts","esm2020":"./esm2020/article/examples/daffodil-design-article-examples.mjs","es2020":"./fesm2020/daffodil-design-article-examples.mjs","es2015":"./fesm2015/daffodil-design-article-examples.mjs","node":"./fesm2015/daffodil-design-article-examples.mjs","default":"./fesm2020/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/daffodil-design-button-examples.d.ts","esm2020":"./esm2020/button/examples/daffodil-design-button-examples.mjs","es2020":"./fesm2020/daffodil-design-button-examples.mjs","es2015":"./fesm2015/daffodil-design-button-examples.mjs","node":"./fesm2015/daffodil-design-button-examples.mjs","default":"./fesm2020/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/daffodil-design-callout-examples.d.ts","esm2020":"./esm2020/callout/examples/daffodil-design-callout-examples.mjs","es2020":"./fesm2020/daffodil-design-callout-examples.mjs","es2015":"./fesm2015/daffodil-design-callout-examples.mjs","node":"./fesm2015/daffodil-design-callout-examples.mjs","default":"./fesm2020/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/daffodil-design-card-examples.d.ts","esm2020":"./esm2020/card/examples/daffodil-design-card-examples.mjs","es2020":"./fesm2020/daffodil-design-card-examples.mjs","es2015":"./fesm2015/daffodil-design-card-examples.mjs","node":"./fesm2015/daffodil-design-card-examples.mjs","default":"./fesm2020/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/daffodil-design-checkbox-examples.d.ts","esm2020":"./esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","es2020":"./fesm2020/daffodil-design-checkbox-examples.mjs","es2015":"./fesm2015/daffodil-design-checkbox-examples.mjs","node":"./fesm2015/daffodil-design-checkbox-examples.mjs","default":"./fesm2020/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/daffodil-design-container-examples.d.ts","esm2020":"./esm2020/container/examples/daffodil-design-container-examples.mjs","es2020":"./fesm2020/daffodil-design-container-examples.mjs","es2015":"./fesm2015/daffodil-design-container-examples.mjs","node":"./fesm2015/daffodil-design-container-examples.mjs","default":"./fesm2020/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/daffodil-design-hero-examples.d.ts","esm2020":"./esm2020/hero/examples/daffodil-design-hero-examples.mjs","es2020":"./fesm2020/daffodil-design-hero-examples.mjs","es2015":"./fesm2015/daffodil-design-hero-examples.mjs","node":"./fesm2015/daffodil-design-hero-examples.mjs","default":"./fesm2020/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/daffodil-design-image-examples.d.ts","esm2020":"./esm2020/image/examples/daffodil-design-image-examples.mjs","es2020":"./fesm2020/daffodil-design-image-examples.mjs","es2015":"./fesm2015/daffodil-design-image-examples.mjs","node":"./fesm2015/daffodil-design-image-examples.mjs","default":"./fesm2020/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/daffodil-design-input-examples.d.ts","esm2020":"./esm2020/input/examples/daffodil-design-input-examples.mjs","es2020":"./fesm2020/daffodil-design-input-examples.mjs","es2015":"./fesm2015/daffodil-design-input-examples.mjs","node":"./fesm2015/daffodil-design-input-examples.mjs","default":"./fesm2020/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/daffodil-design-list-examples.d.ts","esm2020":"./esm2020/list/examples/daffodil-design-list-examples.mjs","es2020":"./fesm2020/daffodil-design-list-examples.mjs","es2015":"./fesm2015/daffodil-design-list-examples.mjs","node":"./fesm2015/daffodil-design-list-examples.mjs","default":"./fesm2020/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/daffodil-design-loading-icon-examples.d.ts","esm2020":"./esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","es2020":"./fesm2020/daffodil-design-loading-icon-examples.mjs","es2015":"./fesm2015/daffodil-design-loading-icon-examples.mjs","node":"./fesm2015/daffodil-design-loading-icon-examples.mjs","default":"./fesm2020/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/daffodil-design-media-gallery-examples.d.ts","esm2020":"./esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","es2020":"./fesm2020/daffodil-design-media-gallery-examples.mjs","es2015":"./fesm2015/daffodil-design-media-gallery-examples.mjs","node":"./fesm2015/daffodil-design-media-gallery-examples.mjs","default":"./fesm2020/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/daffodil-design-menu-examples.d.ts","esm2020":"./esm2020/menu/examples/daffodil-design-menu-examples.mjs","es2020":"./fesm2020/daffodil-design-menu-examples.mjs","es2015":"./fesm2015/daffodil-design-menu-examples.mjs","node":"./fesm2015/daffodil-design-menu-examples.mjs","default":"./fesm2020/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/daffodil-design-modal-examples.d.ts","esm2020":"./esm2020/modal/examples/daffodil-design-modal-examples.mjs","es2020":"./fesm2020/daffodil-design-modal-examples.mjs","es2015":"./fesm2015/daffodil-design-modal-examples.mjs","node":"./fesm2015/daffodil-design-modal-examples.mjs","default":"./fesm2020/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/daffodil-design-navbar-examples.d.ts","esm2020":"./esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","es2020":"./fesm2020/daffodil-design-navbar-examples.mjs","es2015":"./fesm2015/daffodil-design-navbar-examples.mjs","node":"./fesm2015/daffodil-design-navbar-examples.mjs","default":"./fesm2020/daffodil-design-navbar-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/daffodil-design-paginator-examples.d.ts","esm2020":"./esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","es2020":"./fesm2020/daffodil-design-paginator-examples.mjs","es2015":"./fesm2015/daffodil-design-paginator-examples.mjs","node":"./fesm2015/daffodil-design-paginator-examples.mjs","default":"./fesm2020/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/daffodil-design-quantity-field-examples.d.ts","esm2020":"./esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","es2020":"./fesm2020/daffodil-design-quantity-field-examples.mjs","es2015":"./fesm2015/daffodil-design-quantity-field-examples.mjs","node":"./fesm2015/daffodil-design-quantity-field-examples.mjs","default":"./fesm2020/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/daffodil-design-radio-examples.d.ts","esm2020":"./esm2020/radio/examples/daffodil-design-radio-examples.mjs","es2020":"./fesm2020/daffodil-design-radio-examples.mjs","es2015":"./fesm2015/daffodil-design-radio-examples.mjs","node":"./fesm2015/daffodil-design-radio-examples.mjs","default":"./fesm2020/daffodil-design-radio-examples.mjs"}},"module":"fesm2015/daffodil-design.mjs","es2020":"fesm2020/daffodil-design.mjs","esm2020":"esm2020/daffodil-design.mjs","fesm2020":"fesm2020/daffodil-design.mjs","fesm2015":"fesm2015/daffodil-design.mjs","typings":"daffodil-design.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/paginator/examples","module":"../../fesm2015/daffodil-design-paginator-examples.mjs","es2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","esm2020":"../../esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-paginator-examples.mjs","typings":"daffodil-design-paginator-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/paginator/examples","module":"../../fesm2015/daffodil-design-paginator-examples.mjs","es2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","esm2020":"../../esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-paginator-examples.mjs","typings":"daffodil-design-paginator-examples.d.ts","sideEffects":false,"version":"0.61.0"}
package/public_api.d.ts CHANGED
@@ -4,13 +4,14 @@ export * from './atoms/form/form-field/public_api';
4
4
  export * from './atoms/form/error-message/public_api';
5
5
  export * from './atoms/image/public_api';
6
6
  export * from './atoms/form/input/public_api';
7
- export * from './atoms/form/select/public_api';
7
+ export * from './atoms/form/native-select/public_api';
8
8
  export * from './atoms/form/checkbox/public_api';
9
9
  export * from './atoms/form/quantity-field/public_api';
10
10
  export * from './atoms/container/public_api';
11
11
  export * from './atoms/loading-icon/public_api';
12
12
  export * from './atoms/progress-indicator/public_api';
13
13
  export * from './atoms/form/radio/public_api';
14
+ export * from './atoms/form/form-label/public_api';
14
15
  export * from './molecules/accordion/public_api';
15
16
  export * from './molecules/article/public_api';
16
17
  export * from './molecules/backdrop/public_api';
@@ -1 +1 @@
1
- {"name":"@daffodil/design/quantity-field/examples","module":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","es2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","esm2020":"../../esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","typings":"daffodil-design-quantity-field-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/quantity-field/examples","module":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","es2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","esm2020":"../../esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","typings":"daffodil-design-quantity-field-examples.d.ts","sideEffects":false,"version":"0.61.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/radio/examples","module":"../../fesm2015/daffodil-design-radio-examples.mjs","es2020":"../../fesm2020/daffodil-design-radio-examples.mjs","esm2020":"../../esm2020/radio/examples/daffodil-design-radio-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-radio-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-radio-examples.mjs","typings":"daffodil-design-radio-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/radio/examples","module":"../../fesm2015/daffodil-design-radio-examples.mjs","es2020":"../../fesm2020/daffodil-design-radio-examples.mjs","esm2020":"../../esm2020/radio/examples/daffodil-design-radio-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-radio-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-radio-examples.mjs","typings":"daffodil-design-radio-examples.d.ts","sideEffects":false,"version":"0.61.0"}
@@ -24,6 +24,7 @@
24
24
 
25
25
  @mixin skeleton-screen($width, $height) {
26
26
  display: flex;
27
+ position: relative;
27
28
 
28
29
  &::before {
29
30
  animation-name: loading;
package/scss/theme.scss CHANGED
@@ -22,7 +22,7 @@
22
22
  @use '../src/atoms/form/error-message/error-message-theme' as error-message;
23
23
  @use '../src/atoms/form/form-field/form-field/form-field-theme' as form-field;
24
24
  @use '../src/atoms/form/input/input-theme' as input;
25
- @use '../src/atoms/form/select/select/select-theme' as select;
25
+ @use '../src/atoms/form/native-select/native-select-theme' as native-select;
26
26
  @use '../src/atoms/loading-icon/loading-icon-theme' as loading-icon;
27
27
  @use '../src/atoms/progress-indicator/progress-indicator-theme' as progress-indicator;
28
28
  @use '../src/molecules/accordion/accordion-item/accordion-item-theme' as accordion-item;
@@ -61,7 +61,7 @@
61
61
  @include error-message.daff-error-message-theme($theme);
62
62
  @include form-field.daff-form-field-theme($theme);
63
63
  @include input.daff-input-theme($theme);
64
- @include select.daff-select-theme($theme);
64
+ @include native-select.daff-native-select-theme($theme);
65
65
  @include loading-icon.daff-loading-icon-theme($theme);
66
66
  @include progress-indicator.daff-progress-indicator-theme($theme);
67
67
 
@@ -88,11 +88,11 @@ $daff-bronze: (
88
88
  );
89
89
 
90
90
  $daff-green: (
91
- 10: #c4ffcc,
92
- 20: #6aff86,
93
- 30: #00db57,
94
- 40: #13c049,
95
- 50: #00aa3c,
91
+ 10: #d1fbd6,
92
+ 20: #97f8a5,
93
+ 30: #68d47e,
94
+ 40: #3fbd5b,
95
+ 50: #1daa43,
96
96
  60: #00852e,
97
97
  70: #006b23,
98
98
  80: #004b17,
@@ -5,31 +5,22 @@
5
5
  $hover-color,
6
6
  $active-color: $hover-color
7
7
  ) {
8
- // @if daff-contrast-ratio($base-color, daff-text-contrast($base-color)) < 4.5 {
9
- // @error 'Button Initial State: ' + map-get($wcag-aa-errors, 'text-contrast');
10
- // }
11
-
12
- // @if daff-contrast-ratio($hover-color, daff-text-contrast($base-color)) < 4.5 {
13
- // @error 'Button Hover State: ' + map-get($wcag-aa-errors, 'text-contrast');
14
- // }
15
-
16
- // @if daff-contrast-ratio($active-color, daff-text-contrast($base-color)) < 4.5 {
17
- // @error 'Button Active State: ' + map-get($wcag-aa-errors, 'text-contrast');
18
- // }
19
8
  background-color: $base-color;
20
- border: 1px solid $base-color;
21
9
  color: theming.daff-text-contrast($base-color);
22
10
 
23
- &:hover,
24
- &:focus {
25
- background-color: $hover-color;
26
- border: 1px solid $hover-color;
11
+ &:after {
12
+ background: $hover-color;
13
+ }
14
+
15
+ &:hover {
27
16
  color: theming.daff-text-contrast($hover-color);
28
17
  }
29
18
 
30
19
  &:active {
31
- background-color: $active-color;
32
- border: 1px solid $active-color;
33
20
  color: theming.daff-text-contrast($active-color);
21
+
22
+ &:after {
23
+ background: $active-color;
24
+ }
34
25
  }
35
26
  }
@@ -0,0 +1,25 @@
1
+ @use 'sass:map';
2
+ @use '../../../../scss/theming';
3
+
4
+ @mixin daff-flat-button-theme-variant(
5
+ $base-color,
6
+ $active-color
7
+ ) {
8
+ color: $base-color;
9
+
10
+ &:after {
11
+ background-color: $base-color;
12
+ }
13
+
14
+ &:hover {
15
+ color: theming.daff-text-contrast($base-color);
16
+ }
17
+
18
+ &:active {
19
+ color: theming.daff-text-contrast($active-color);
20
+
21
+ &:after {
22
+ background-color: $active-color;
23
+ }
24
+ }
25
+ }
@@ -7,8 +7,6 @@ $black: theming.daff-color(theming.$daff-gray, 110);
7
7
 
8
8
  @mixin daff-raised-button-theme-variant(
9
9
  $base-color,
10
- $active-color,
11
- $focus-shadow
12
10
  ) {
13
11
  @if theming.daff-contrast-ratio($base-color, theming.daff-text-contrast($base-color)) < 4.5 {
14
12
  @error 'Button Initial State: ' + map.get(a11y.$wcag-aa-errors, 'text-contrast');
@@ -18,9 +16,6 @@ $black: theming.daff-color(theming.$daff-gray, 110);
18
16
  @error 'Button Hover State: '+ map.get(a11y.$wcag-aa-errors, 'text-contrast');
19
17
  }
20
18
 
21
- @if theming.daff-contrast-ratio($active-color, theming.daff-text-contrast($active-color)) < 4.5 {
22
- @error 'Button Active State: ' + map.get(a11y.$wcag-aa-errors, 'text-contrast');
23
- }
24
19
  background-color: $base-color;
25
20
  border: 1px solid $base-color;
26
21
  box-shadow:
@@ -28,29 +23,14 @@ $black: theming.daff-color(theming.$daff-gray, 110);
28
23
  0 1px 3px rgba($black, 0.08);
29
24
  color: theming.daff-text-contrast($base-color);
30
25
 
31
- &:hover {
32
- background-color: $base-color;
33
- border: 1px solid $base-color;
34
- }
35
-
36
- &:hover,
37
- &:active {
26
+ &:after {
38
27
  box-shadow:
39
- 0 6px 12px rgba($black, 0.12),
40
- 0 4px 6px rgba($black, 0.1);
28
+ 0 6px 12px rgba($black, 0.08),
29
+ 0 4px 6px rgba($black, 0.04);
41
30
  }
42
31
 
43
- &:focus {
44
- outline: none;
45
- box-shadow:
46
- 0 0 0 4px rgba($focus-shadow, 0.3),
47
- 0 6px 12px rgba($black, 0.12),
48
- 0 4px 6px rgba($black, 0.1);
49
- }
50
-
51
- &:active {
52
- background-color: $active-color;
53
- border: 1px solid $active-color;
54
- color: theming.daff-text-contrast($active-color);
32
+ &:hover {
33
+ background-color: $base-color;
34
+ border: 1px solid $base-color;
55
35
  }
56
36
  }
@@ -3,34 +3,26 @@
3
3
 
4
4
  @mixin daff-stroked-button-theme-variant(
5
5
  $base-color,
6
- $font-color,
7
- $focus-color
6
+ $active-color
8
7
  ) {
9
- // @if daff-contrast-ratio($base-color, daff-text-contrast($base-color)) < 4.5 {
10
- // @error 'Stroked Button Hover State: ' + map.get($wcag-aa-errors, 'text-contrast');
11
- // }
12
-
13
- // @if daff-contrast-ratio($focus-color, daff-text-contrast($focus-color)) < 4.5 {
14
- // @error 'Stroked Button Focus State: ' + map.get($wcag-aa-errors, 'text-contrast');
15
- // }
16
-
17
- // @if daff-contrast-ratio($focus-color, daff-text-contrast($focus-color)) < 4.5 {
18
- // @error 'Stroked Button Active State: ' + map.get($wcag-aa-errors, 'text-contrast');
19
- // }
20
8
  border: 1px solid $base-color;
21
- color: $font-color;
9
+ color: $base-color;
22
10
  background-color: transparent;
23
11
 
24
- &:hover,
25
- &:focus {
12
+ &:after {
26
13
  background-color: $base-color;
27
- border: 1px solid $base-color;
14
+ }
15
+
16
+ &:hover {
28
17
  color: theming.daff-text-contrast($base-color);
29
18
  }
30
19
 
31
20
  &:active {
32
- background-color: $focus-color;
33
- border: 1px solid $focus-color;
34
- color: theming.daff-text-contrast($focus-color);
21
+ border: 1px solid $active-color;
22
+ color: theming.daff-text-contrast($active-color);
23
+
24
+ &:after {
25
+ background-color: $active-color;
26
+ }
35
27
  }
36
28
  }