Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: liferay/clay
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: v2.19.0
Choose a base ref
...
head repository: liferay/clay
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: v2.20.0
Choose a head ref

Commits on Nov 28, 2019

  1. feat(clay-css): Atlas Form Validation add styles for readonly input s…

    …uccess, error, and warning states
    
    feat(clay-css): Form Validation add Sass maps `$input-danger-readonly`, `$input-success-readonly`, and `$input-warning-readonly`
    
    fixes #2715
    pat270 authored and marcoscv-work committed Nov 28, 2019
    Copy the full SHA
    ce43c4e View commit details
  2. Copy the full SHA
    b799ee3 View commit details
  3. feat(clay-css): Atlas Globals adds `$enable-lexicon-flat-colors: fals…

    …e !default` to change base colors to match Lexicon Flat Color palette, set to `true` to enable colors
    
    Atlas `$code-color` should use old color value (#E83E8C) instead of `$pink`
    
    fixes #2726
    pat270 authored and marcoscv-work committed Nov 28, 2019
    Copy the full SHA
    d6600e6 View commit details
  4. fix(clay-css): Deprecate .sheet-lg and $sheet-lg-max-width in fav…

    …or of `.container .sheet` pattern
    
    fixes #2655
    pat270 authored and marcoscv-work committed Nov 28, 2019
    Copy the full SHA
    c5c7fa3 View commit details
  5. feat(clay-css): Utilities add duplicate of Bootstrap's spacing utilit…

    …ies prefixed with `c-` and without the `!important` flag
    
    fixes #2725
    pat270 authored and marcoscv-work committed Nov 28, 2019
    Copy the full SHA
    cc2b134 View commit details

Commits on Dec 2, 2019

  1. Copy the full SHA
    e627b93 View commit details

Commits on Dec 4, 2019

  1. Merge pull request #2761 from pat270/clay-2757-2x

    feat(clay-css): 2.x SVG Icon added `device-check`
    matuzalemsteles authored Dec 4, 2019
    Copy the full SHA
    51e9400 View commit details

Commits on Dec 27, 2019

  1. feat(clay-css): Update Bootstrap CSS to 4.4.1, Bootstrap JS 4.4.0, Po…

    …pper.js 1.16.0
    
    Fixes #2785
    pat270 authored and marcoscv-work committed Dec 27, 2019
    Copy the full SHA
    1dabef0 View commit details
  2. fix(clay-css): List Group double borders in list-group-item-flex ca…

    …used by Bootstrap 4.4.1 22f6b37
    
    issue #2785
    pat270 authored and marcoscv-work committed Dec 27, 2019
    Copy the full SHA
    ef466df View commit details
  3. Copy the full SHA
    7409e87 View commit details
  4. fix(clay-css): Atlas Dropdown change .dropdown-header and `.dropdow…

    …n-subheader` color to #272833
    
    fixes #2812
    pat270 authored and marcoscv-work committed Dec 27, 2019
    Copy the full SHA
    e072951 View commit details
  5. Copy the full SHA
    35353b6 View commit details
  6. Copy the full SHA
    e6612d3 View commit details
  7. fix(clay-css): Custom Control add Sass maps $custom-control-label, …

    …`$custom-control-label-disabled`, `$custom-control-label-text` and map deprecated `$custom-control-description-*` to them so our namespace matches Bootstrap's. It was renamed toward end of Bootstrap beta in 6a54b4a
    
    fix(clay-css): Custom Control deprecate variables `$custom-control-description-cursor`, `$custom-control-description-font-size`, `$custom-control-description-font-weight`, `$custom-control-description-line-height`, `$custom-control-description-padding-left`, `$custom-control-description-disabled-color`, `$custom-control-description-disabled-cursor`, `$custom-control-description-small-font-size`
    
    issue #2813
    pat270 authored and marcoscv-work committed Dec 27, 2019
    Copy the full SHA
    76dca56 View commit details
  8. feat(clay-css): Forms support label element without for attribute…

    …. `label` needs the class `.form-control-label` and text must be wrapped in an element with class `.form-control-label-text`
    
    feat(clay-css): Forms map Bootstrap's `$label-margin-bottom` (added in 4.1) to `$input-label-margin-bottom`. Bootstrap's `$label-margin-bottom` might collide with Clay CSS `$label-*` variables in the future.
    
    fixes #2242
    pat270 authored and marcoscv-work committed Dec 27, 2019
    Copy the full SHA
    3f19f76 View commit details
  9. chore(clay-css-test-site): Forms add example of label and form input …

    …without for attribute
    pat270 authored and marcoscv-work committed Dec 27, 2019
    Copy the full SHA
    a3f66f9 View commit details

Commits on Jan 16, 2020

  1. Copy the full SHA
    4625e62 View commit details
  2. fix(clay-dropdown): escape special characters in label

    Just a hack to force the label to be treated as HTML so it can escape special characters.
    matuzalemsteles committed Jan 16, 2020
    Copy the full SHA
    46e10d4 View commit details
  3. Merge pull request #2858 from matuzalemsteles/issue-2845

    feat(clay-label): Add support for truncating the label
    matuzalemsteles authored Jan 16, 2020
    Copy the full SHA
    22013c6 View commit details
  4. Merge pull request #2859 from matuzalemsteles/issue-2856

    fix(clay-dropdown): escape special characters in label
    matuzalemsteles authored Jan 16, 2020
    Copy the full SHA
    f977fc7 View commit details
  5. v2.20.0

    matuzalemsteles committed Jan 16, 2020
    Copy the full SHA
    c230b9f View commit details
Showing with 1,511 additions and 794 deletions.
  1. +1 −1 lerna.json
  2. +5 −5 packages/clay-alert/package.json
  3. +5 −5 packages/clay-autocomplete/package.json
  4. +3 −3 packages/clay-badge/package.json
  5. +4 −4 packages/clay-button/package.json
  6. +4 −4 packages/clay-card-grid/package.json
  7. +9 −9 packages/clay-card/package.json
  8. +2 −2 packages/clay-charts/package.json
  9. +3 −3 packages/clay-checkbox/package.json
  10. +2 −2 packages/clay-collapse/package.json
  11. +2 −2 packages/clay-component/package.json
  12. +11 −0 packages/clay-css/README.md
  13. +3 −3 packages/clay-css/package.json
  14. +36 −9 packages/clay-css/src/content/form_elements.html
  15. +72 −0 packages/clay-css/src/content/form_validation.html
  16. +4 −0 packages/clay-css/src/images/icons/device-check.svg
  17. +376 −290 packages/clay-css/src/js/bootstrap.js
  18. +1 −1 packages/clay-css/src/js/bootstrap.js.map
  19. +53 −18 packages/clay-css/src/js/popper.js
  20. +1 −1 packages/clay-css/src/js/popper.js.map
  21. +17 −0 packages/clay-css/src/scss/atlas/variables/_custom-forms.scss
  22. +3 −1 packages/clay-css/src/scss/atlas/variables/_dropdowns.scss
  23. +25 −0 packages/clay-css/src/scss/atlas/variables/_forms.scss
  24. +12 −10 packages/clay-css/src/scss/atlas/variables/_globals.scss
  25. +3 −1 packages/clay-css/src/scss/atlas/variables/_type.scss
  26. +1 −1 packages/clay-css/src/scss/bootstrap/_badge.scss
  27. +2 −1 packages/clay-css/src/scss/bootstrap/_breadcrumb.scss
  28. +1 −1 packages/clay-css/src/scss/bootstrap/_button-group.scss
  29. +4 −2 packages/clay-css/src/scss/bootstrap/_buttons.scss
  30. +17 −28 packages/clay-css/src/scss/bootstrap/_card.scss
  31. +6 −6 packages/clay-css/src/scss/bootstrap/_carousel.scss
  32. +2 −2 packages/clay-css/src/scss/bootstrap/_close.scss
  33. +1 −1 packages/clay-css/src/scss/bootstrap/_code.scss
  34. +22 −8 packages/clay-css/src/scss/bootstrap/_custom-forms.scss
  35. +3 −3 packages/clay-css/src/scss/bootstrap/_dropdown.scss
  36. +17 −9 packages/clay-css/src/scss/bootstrap/_forms.scss
  37. +49 −1 packages/clay-css/src/scss/bootstrap/_functions.scss
  38. +25 −8 packages/clay-css/src/scss/bootstrap/_grid.scss
  39. +2 −2 packages/clay-css/src/scss/bootstrap/_images.scss
  40. +2 −4 packages/clay-css/src/scss/bootstrap/_input-group.scss
  41. +31 −22 packages/clay-css/src/scss/bootstrap/_list-group.scss
  42. +3 −3 packages/clay-css/src/scss/bootstrap/_mixins.scss
  43. +26 −16 packages/clay-css/src/scss/bootstrap/_modal.scss
  44. +3 −3 packages/clay-css/src/scss/bootstrap/_nav.scss
  45. +45 −15 packages/clay-css/src/scss/bootstrap/_navbar.scss
  46. +2 −2 packages/clay-css/src/scss/bootstrap/_pagination.scss
  47. +8 −9 packages/clay-css/src/scss/bootstrap/_popover.scss
  48. +2 −2 packages/clay-css/src/scss/bootstrap/_print.scss
  49. +5 −2 packages/clay-css/src/scss/bootstrap/_progress.scss
  50. +14 −15 packages/clay-css/src/scss/bootstrap/_reboot.scss
  51. +1 −0 packages/clay-css/src/scss/bootstrap/_root.scss
  52. +3 −3 packages/clay-css/src/scss/bootstrap/_tables.scss
  53. +2 −2 packages/clay-css/src/scss/bootstrap/_type.scss
  54. +42 −22 packages/clay-css/src/scss/bootstrap/_variables.scss
  55. +1 −1 packages/clay-css/src/scss/bootstrap/bootstrap-grid.scss
  56. +1 −1 packages/clay-css/src/scss/bootstrap/bootstrap-reboot.scss
  57. +1 −1 packages/clay-css/src/scss/bootstrap/bootstrap.scss
  58. +3 −2 packages/clay-css/src/scss/bootstrap/mixins/_background-variant.scss
  59. +1 −1 packages/clay-css/src/scss/bootstrap/mixins/_badge.scss
  60. +5 −2 packages/clay-css/src/scss/bootstrap/mixins/_buttons.scss
  61. +8 −8 packages/clay-css/src/scss/bootstrap/mixins/_caret.scss
  62. +3 −3 packages/clay-css/src/scss/bootstrap/mixins/_float.scss
  63. +32 −47 packages/clay-css/src/scss/bootstrap/mixins/_forms.scss
  64. +8 −3 packages/clay-css/src/scss/bootstrap/mixins/_grid-framework.scss
  65. +18 −0 packages/clay-css/src/scss/bootstrap/mixins/_grid.scss
  66. +4 −4 packages/clay-css/src/scss/bootstrap/mixins/_hover.scss
  67. +1 −1 packages/clay-css/src/scss/bootstrap/mixins/_image.scss
  68. +1 −1 packages/clay-css/src/scss/bootstrap/mixins/_list-group.scss
  69. +1 −1 packages/clay-css/src/scss/bootstrap/mixins/_lists.scss
  70. +2 −1 packages/clay-css/src/scss/bootstrap/mixins/_nav-divider.scss
  71. +1 −1 packages/clay-css/src/scss/bootstrap/mixins/_reset-text.scss
  72. +3 −2 packages/clay-css/src/scss/bootstrap/mixins/_screen-reader.scss
  73. +1 −1 packages/clay-css/src/scss/bootstrap/mixins/_table-row.scss
  74. +3 −2 packages/clay-css/src/scss/bootstrap/mixins/_text-emphasis.scss
  75. +1 −1 packages/clay-css/src/scss/bootstrap/utilities/_background.scss
  76. +2 −2 packages/clay-css/src/scss/bootstrap/utilities/_text.scss
  77. +6 −8 packages/clay-css/src/scss/components/_custom-forms.scss
  78. +12 −0 packages/clay-css/src/scss/components/_form-validation.scss
  79. +15 −0 packages/clay-css/src/scss/components/_forms.scss
  80. +19 −0 packages/clay-css/src/scss/components/_list-group.scss
  81. +6 −0 packages/clay-css/src/scss/components/_sheets.scss
  82. +89 −0 packages/clay-css/src/scss/components/_utilities.scss
  83. +2 −0 packages/clay-css/src/scss/functions/_global-functions.scss
  84. +3 −0 packages/clay-css/src/scss/mixins/_grid.scss
  85. +44 −0 packages/clay-css/src/scss/variables/_custom-forms.scss
  86. +7 −1 packages/clay-css/src/scss/variables/_forms.scss
  87. +6 −0 packages/clay-css/src/scss/variables/_sheets.scss
  88. +3 −3 packages/clay-data-provider/package.json
  89. +7 −7 packages/clay-dataset-display/package.json
  90. +1 −1 packages/clay-dropdown/demos/index.html
  91. +9 −9 packages/clay-dropdown/package.json
  92. +1 −0 packages/clay-dropdown/src/ClayDropdownItem.js
  93. +3 −1 packages/clay-dropdown/src/ClayDropdownItem.soy
  94. +11 −0 packages/clay-dropdown/src/ClayDropdownLabel.soy
  95. +3 −3 packages/clay-icon/package.json
  96. +1 −0 packages/clay-isomorphic/fixtures/expected/ClayDropdownLabel.render
  97. +3 −0 packages/clay-isomorphic/fixtures/input/ClayDropdownLabel.render
  98. +15 −0 packages/clay-label/demos/index.html
  99. +5 −5 packages/clay-label/package.json
  100. +9 −0 packages/clay-label/src/ClayLabel.js
  101. +15 −1 packages/clay-label/src/ClayLabel.soy
  102. +9 −0 packages/clay-label/src/__tests__/ClayLabel.js
  103. +6 −0 packages/clay-label/src/__tests__/__snapshots__/ClayLabel.js.snap
  104. +4 −4 packages/clay-link/package.json
  105. +7 −7 packages/clay-list/package.json
  106. +3 −3 packages/clay-loading-indicator/package.json
  107. +9 −9 packages/clay-management-toolbar/package.json
  108. +5 −5 packages/clay-modal/package.json
  109. +6 −6 packages/clay-multi-select/package.json
  110. +4 −4 packages/clay-navigation-bar/package.json
  111. +4 −4 packages/clay-pagination-bar/package.json
  112. +4 −4 packages/clay-pagination/package.json
  113. +3 −3 packages/clay-portal/package.json
  114. +4 −4 packages/clay-progress-bar/package.json
  115. +3 −3 packages/clay-radio/package.json
  116. +3 −3 packages/clay-select/package.json
  117. +4 −4 packages/clay-sticker/package.json
  118. +9 −9 packages/clay-table/package.json
  119. +2 −2 packages/clay-tooltip/package.json
  120. +28 −28 packages/clay/package.json
2 changes: 1 addition & 1 deletion lerna.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"lerna": "3.4.0",
"version": "2.19.0",
"version": "2.20.0",
"npmClient": "yarn",
"useWorkspaces": true
}
10 changes: 5 additions & 5 deletions packages/clay-alert/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "clay-alert",
"version": "2.19.0",
"version": "2.20.0",
"description": "Metal Clay Alert component.",
"license": "BSD-3-Clause",
"repository": "https://github.com/liferay/clay/tree/master/packages/clay-alert",
@@ -28,9 +28,9 @@
"metal"
],
"dependencies": {
"clay-button": "^2.19.0",
"clay-component": "^2.19.0",
"clay-icon": "^2.19.0",
"clay-button": "^2.20.0",
"clay-component": "^2.20.0",
"clay-icon": "^2.20.0",
"metal": "^2.16.0",
"metal-component": "^2.16.0",
"metal-soy": "^2.16.0",
@@ -44,7 +44,7 @@
"babel-plugin-transform-node-env-inline": "^0.1.1",
"babel-preset-env": "^1.6.0",
"browserslist-config-clay": "^2.16.2",
"clay-css": "^2.19.0",
"clay-css": "^2.20.0",
"metal-tools-soy": "^4.3.2",
"webpack": "^3.0.0",
"webpack-config-clay": "^2.16.2"
10 changes: 5 additions & 5 deletions packages/clay-autocomplete/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "clay-autocomplete",
"version": "2.19.0",
"version": "2.20.0",
"description": "Metal ClayAutocomplete component",
"license": "BSD-3-Clause",
"repository": "https://github.com/liferay/clay/tree/master/packages/clay-autocomplete",
@@ -28,9 +28,9 @@
"metal"
],
"dependencies": {
"clay-data-provider": "^2.19.0",
"clay-loading-indicator": "^2.19.0",
"clay-portal": "^2.19.0",
"clay-data-provider": "^2.20.0",
"clay-loading-indicator": "^2.20.0",
"clay-portal": "^2.20.0",
"metal": "^2.16.0",
"metal-component": "^2.16.0",
"metal-dom": "^2.16.0",
@@ -46,7 +46,7 @@
"babel-plugin-transform-node-env-inline": "^0.1.1",
"babel-preset-env": "^1.6.0",
"browserslist-config-clay": "^2.16.2",
"clay-css": "^2.19.0",
"clay-css": "^2.20.0",
"metal-dom": "^2.13.2",
"metal-tools-soy": "^4.3.2",
"webpack": "^3.0.0",
6 changes: 3 additions & 3 deletions packages/clay-badge/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "clay-badge",
"version": "2.19.0",
"version": "2.20.0",
"description": "Metal Clay Badge component.",
"license": "BSD-3-Clause",
"repository": "https://github.com/liferay/clay/tree/master/packages/clay-badge",
@@ -28,7 +28,7 @@
"metal"
],
"dependencies": {
"clay-component": "^2.19.0",
"clay-component": "^2.20.0",
"metal": "^2.16.0",
"metal-component": "^2.16.0",
"metal-soy": "^2.16.0",
@@ -42,7 +42,7 @@
"babel-plugin-transform-node-env-inline": "^0.1.1",
"babel-preset-env": "^1.6.0",
"browserslist-config-clay": "^2.16.2",
"clay-css": "^2.19.0",
"clay-css": "^2.20.0",
"metal-dom": "^2.13.2",
"metal-tools-soy": "^4.3.2",
"webpack": "^3.0.0",
8 changes: 4 additions & 4 deletions packages/clay-button/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "clay-button",
"version": "2.19.0",
"version": "2.20.0",
"description": "Metal Clay Button component.",
"license": "BSD-3-Clause",
"repository": "https://github.com/liferay/clay/tree/master/packages/clay-button",
@@ -28,8 +28,8 @@
"metal"
],
"dependencies": {
"clay-component": "^2.19.0",
"clay-icon": "^2.19.0",
"clay-component": "^2.20.0",
"clay-icon": "^2.20.0",
"metal": "^2.16.0",
"metal-component": "^2.16.0",
"metal-soy": "^2.16.0",
@@ -43,7 +43,7 @@
"babel-plugin-transform-node-env-inline": "^0.1.1",
"babel-preset-env": "^1.6.0",
"browserslist-config-clay": "^2.16.2",
"clay-css": "^2.19.0",
"clay-css": "^2.20.0",
"metal-tools-soy": "^4.3.2",
"webpack": "^3.0.0",
"webpack-config-clay": "^2.16.2"
8 changes: 4 additions & 4 deletions packages/clay-card-grid/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "clay-card-grid",
"version": "2.19.0",
"version": "2.20.0",
"description": "Metal ClayCardGrid component",
"license": "BSD-3-Clause",
"repository": "https://github.com/liferay/clay/tree/master/packages/clay-card-grid",
@@ -28,8 +28,8 @@
"metal"
],
"dependencies": {
"clay-card": "^2.19.0",
"clay-component": "^2.19.0",
"clay-card": "^2.20.0",
"clay-component": "^2.20.0",
"metal": "^2.16.0",
"metal-component": "^2.16.0",
"metal-soy": "^2.16.0",
@@ -43,7 +43,7 @@
"babel-plugin-transform-node-env-inline": "^0.1.1",
"babel-preset-env": "^1.6.0",
"browserslist-config-clay": "^2.16.2",
"clay-css": "^2.19.0",
"clay-css": "^2.20.0",
"metal-dom": "^2.13.2",
"metal-tools-soy": "^4.3.2",
"webpack": "^3.0.0",
18 changes: 9 additions & 9 deletions packages/clay-card/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "clay-card",
"version": "2.19.0",
"version": "2.20.0",
"description": "Metal ClayCard component",
"license": "BSD-3-Clause",
"repository": "https://github.com/liferay/clay/tree/master/packages/clay-card",
@@ -28,13 +28,13 @@
"metal"
],
"dependencies": {
"clay-checkbox": "^2.19.0",
"clay-component": "^2.19.0",
"clay-dropdown": "^2.19.0",
"clay-icon": "^2.19.0",
"clay-label": "^2.19.0",
"clay-link": "^2.19.0",
"clay-sticker": "^2.19.0",
"clay-checkbox": "^2.20.0",
"clay-component": "^2.20.0",
"clay-dropdown": "^2.20.0",
"clay-icon": "^2.20.0",
"clay-label": "^2.20.0",
"clay-link": "^2.20.0",
"clay-sticker": "^2.20.0",
"metal": "^2.16.0",
"metal-component": "^2.16.0",
"metal-soy": "^2.16.0",
@@ -48,7 +48,7 @@
"babel-plugin-transform-node-env-inline": "^0.1.1",
"babel-preset-env": "^1.6.0",
"browserslist-config-clay": "^2.16.2",
"clay-css": "^2.19.0",
"clay-css": "^2.20.0",
"metal-dom": "^2.13.2",
"metal-tools-soy": "^4.3.2",
"webpack": "^3.0.0",
4 changes: 2 additions & 2 deletions packages/clay-charts/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "clay-charts",
"version": "2.19.0",
"version": "2.20.0",
"description": "Metal.js wrapper for D3 and billboard.js",
"license": "BSD-3-Clause",
"repository": "https://github.com/liferay/clay/tree/master/packages/clay-charts",
@@ -51,7 +51,7 @@
"babel-preset-metal": "^4.0.0",
"babel-preset-metal-jsx": "^0.1.1",
"browserslist-config-clay": "^2.16.2",
"clay-css": "^2.19.0",
"clay-css": "^2.20.0",
"metal-tools-soy": "^4.3.2",
"ncp": "^2.0.0",
"webpack": "^3.0.0",
6 changes: 3 additions & 3 deletions packages/clay-checkbox/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "clay-checkbox",
"version": "2.19.0",
"version": "2.20.0",
"description": "Clay Checkbox Component",
"license": "BSD-3-Clause",
"repository": "https://github.com/liferay/clay/tree/master/packages/clay-checkbox",
@@ -28,7 +28,7 @@
"metal"
],
"dependencies": {
"clay-component": "^2.19.0",
"clay-component": "^2.20.0",
"metal": "^2.16.0",
"metal-component": "^2.16.0",
"metal-soy": "^2.16.0",
@@ -42,7 +42,7 @@
"babel-plugin-transform-node-env-inline": "^0.1.1",
"babel-preset-env": "^1.6.0",
"browserslist-config-clay": "^2.16.2",
"clay-css": "^2.19.0",
"clay-css": "^2.20.0",
"metal-dom": "^2.13.2",
"metal-tools-soy": "^4.3.2",
"webpack": "^3.0.0",
4 changes: 2 additions & 2 deletions packages/clay-collapse/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "clay-collapse",
"version": "2.19.0",
"version": "2.20.0",
"description": "Collapse Metal Clay component.",
"license": "BSD-3-Clause",
"repository": "https://github.com/liferay/clay/tree/master/packages/clay-collapse",
@@ -42,7 +42,7 @@
"babel-plugin-transform-node-env-inline": "^0.1.1",
"babel-preset-env": "^1.6.0",
"browserslist-config-clay": "^2.16.2",
"clay-css": "^2.19.0",
"clay-css": "^2.20.0",
"metal-tools-soy": "^4.3.2",
"webpack": "^3.0.0",
"webpack-config-clay": "^2.16.2"
4 changes: 2 additions & 2 deletions packages/clay-component/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "clay-component",
"version": "2.19.0",
"version": "2.20.0",
"description": "Clay Link Component",
"license": "BSD-3-Clause",
"repository": "https://github.com/liferay/clay/tree/master/packages/clay-component",
@@ -40,7 +40,7 @@
"babel-plugin-transform-node-env-inline": "^0.1.1",
"babel-preset-env": "^1.6.0",
"browserslist-config-clay": "^2.16.2",
"clay-css": "^2.19.0",
"clay-css": "^2.20.0",
"metal-tools-soy": "^4.3.2",
"webpack": "^3.0.0",
"webpack-config-clay": "^2.16.2"
11 changes: 11 additions & 0 deletions packages/clay-css/README.md
Original file line number Diff line number Diff line change
@@ -76,3 +76,14 @@ This will generate all of the HTML/CSS/etc into the `build/` directory.
`watch`: Because running a script after every change can get tedious, run `gulp watch` to rebuild the files automatically as you change files.

`serve`: Starts a local server on port 3000 and also runs the watch task.

### Updating Bootstrap Version and Dependencies
Bootstrap can be updated or downgraded by using the command:

`npm install --save-dev --save-exact bootstrap@the_version`

Popper.js can be updated or downgraded by using:

`npm install --save-dev --save-exact popper.js@the_version`

Then run `gulp build` or `gulp-serve` to compile Clay CSS with the new version
6 changes: 3 additions & 3 deletions packages/clay-css/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "clay-css",
"version": "2.19.0",
"version": "2.20.0",
"description": "Liferay's web implementation of the Lexicon Design Language",
"main": "index.js",
"files": [
@@ -53,7 +53,7 @@
"devDependencies": {
"async": "^2.6.0",
"basename": "^0.1.2",
"bootstrap": "4.3.1",
"bootstrap": "4.4.1",
"browser-sync": "^2.14.0",
"cheerio": "^0.20.0",
"del": "^3.0.0",
@@ -86,7 +86,7 @@
"metalsmith-sass": "^1.3.0",
"metalsmith-templates": "^0.7.0",
"node-sass": "^4.8.1",
"popper.js": "1.14.7",
"popper.js": "1.16.0",
"require-dir": "^0.3.0",
"run-sequence": "^1.1.1",
"sassdoc": "^2.5.1",
45 changes: 36 additions & 9 deletions packages/clay-css/src/content/form_elements.html
Original file line number Diff line number Diff line change
@@ -18,45 +18,72 @@ <h4 class="sheet-subtitle">Sheet Subtitle</h4>
</svg>
</span>
</label>
<input class="form-control" id="basicInputTypeText" placeholder="Placeholder" type="text">
<input class="form-control" id="basicInputTypeText" name="basicInputTypeText" placeholder="Placeholder" type="text">
</div>
<div class="form-group">
<label for="basicInputTypePassword">Password</label>
<input class="form-control" id="basicInputTypePassword" placeholder="Enter password" type="password">
<input class="form-control" id="basicInputTypePassword" name="basicInputTypePassword" placeholder="Enter password" type="password">
</div>
<div class="form-group">
<label for="basicInputTypeTextarea">Textarea</label>
<textarea class="form-control" id="basicInputTypeTextarea" placeholder="Placeholder"></textarea>
<textarea class="form-control" id="basicInputTypeTextarea" name="basicInputTypeTextarea" placeholder="Placeholder"></textarea>
</div>
<div class="form-group">
<label for="basicInputTypeUrl">Url</label>
<input class="form-control" id="basicInputTypeUrl" type="url">
<input class="form-control" id="basicInputTypeUrl" name="basicInputTypeUrl" type="url">
</div>
<div class="form-group">
<label for="basicInputTypeTel">Tel</label>
<input class="form-control" id="basicInputTypeTel" type="tel">
<input class="form-control" id="basicInputTypeTel" name="basicInputTypeTel" type="tel">
</div>
<div class="form-group">
<label for="basicInputTypeEmail">Email</label>
<input class="form-control" id="basicInputTypeEmail" type="email">
<input class="form-control" id="basicInputTypeEmail" name="basicInputTypeEmail" type="email">
</div>
<div class="form-group">
<label for="basicInputTypeSearch">Search</label>
<input class="form-control" id="basicInputTypeSearch" type="search">
<input class="form-control" id="basicInputTypeSearch" name="basicInputTypeSearch" type="search">
</div>
<div class="form-group">
<label for="basicInputTypeNumber">Number</label>
<input class="form-control" id="basicInputTypeNumber" type="number">
<input class="form-control" id="basicInputTypeNumber" name="basicInputTypeNumber" type="number">
</div>
<div class="form-group">
<label for="basicInputTypeRange">Range</label>
<input class="form-control" id="basicInputTypeRange" type="range">
<input class="form-control" id="basicInputTypeRange" name="basicInputTypeRange" type="range">
</div>
</div>

</div>
</div>

<div class="clay-site-row-spacer row">
<div class="col-md-12">
<h3>Label without For Attribute</h3>

<blockquote class="blockquote">
<p></p>
</blockquote>

<div class="sheet">
<div class="form-group">
<label class="form-control-label">
<span class="form-control-label-text">
Text
<span class="reference-mark">
<svg class="lexicon-icon lexicon-icon-asterisk" focusable="false" role="presentation">
<use xlink:href="{{rootPath}}/images/icons/icons.svg#asterisk" />
</svg>
</span>
</span>
<input class="form-control" name="labelWithoutForBasicInputTypeText" placeholder="Placeholder" type="text">
</label>
</div>
</div>

</div>
</div>

<div class="row">
<div class="col-md-12">
<h3>Checkboxes and Radios</h3>
Loading